var globalPicasaPrefix;
var globalSchoolYear;

/*
var imgNum = 0; 
var pwaHeader = true;
var albumDisplay = true;
var pwaHorizontal = false;
var pwaSlideShow = true;
var pwaSlideSpeed = 5000;
var pwaImageSize = 160;
var pwaImageFeed = 20;
var pwaBorder = true;
var pwaBorderSize = 2;
var pwaBorderColor = '#000';
var pwaCurrent = 0; 
var numImageSize = parseInt(pwaImageSize,10); 
*/



function pwShow(root) 
{
  var searchStr=globalPicasaPrefix;
  var feed = root.feed;
  var entries = feed.entry || [];
  var pwTitle = feed.title.$t;
  var album = feed.link[1].href;
  pwf = document.getElementById('pwFeed');
  cDiv = document.createElement('div');
  if(pwaSlideShow)
  {
    cDiv.style.position = 'relative';
    pwfw = numImageSize +5; 
    pwf.style.width = pwfw + 'px';
    pwf.style.margin = '0px auto 0px auto';
  } 
  cDiv.style.textAlign = 'center'; 
  if(pwaHeader)
  {
    hDiv = document.createElement('div');
    if(pwaSlideShow)
   { 
      hwidth = numImageSize + 5;
      hDiv.style.width = hwidth +'px';
   } 
   if(pwaHorizontal)
   {
      hDiv.style.textAlign = 'left';
      hDiv.style.paddingLeft = '5px';
   }
   else 
   {
      hDiv.style.textAlign = 'center';
   }
   h2 = document.createElement('span');
   h2a = document.createElement('a');
   h2a.id = 'pwHeading';
   h2a.href = album;
   h2a.target = '_blank'; 
   h2t = document.createTextNode(pwTitle);
   h2a.appendChild(h2t);
   h2.appendChild(h2a);
   hDiv.appendChild(h2);
   pwf.appendChild(hDiv);
  }
  ul = document.createElement('ul');
  ul.id = 'pwaUL';
  ul.style.listStyleType = 'none';
  if(pwaSlideShow)
  {
    ulh = numImageSize +10;
    ul.style.height = ulh + 'px';
  }
  if(pwaHorizontal)
  {
    ul.style.textAlign = 'left';
  }
  ul.style.margin = '5px 0px 0px 0px';
  ul.style.padding = '0px';
  if(feed.entry.length > pwaImageFeed)
 {
    pwaFetch = pwaImageFeed;
 }
 else 
 {
    pwaFetch = feed.entry.length;
 } 
 for (var i = 0; i < pwaFetch ; ++i)
 {
    var entry = feed.entry[i];
    var title = entry.title.$t;
	var titleLength = title.length;
	var searchStrLength = searchStr.length;
	   
	//opvragen datum album
	var published = entry.published.$t;
	var year = published.substring(0,4);
	var month = published.substring(5,7);
	var day = published.substring(8,10);

	//alert ('published ' + published + '  Betekent ' + year + ' ' + month + ' ' + day );
	var schoolyear;
	if ( month < 8 )
		schoolyear = year - 1;
	else
		schoolyear = year;
			
	var bShow = false;
	var titleLength = title.length;
	var searchStrLength = searchStr.length;
   
	if  ( (globalSchoolYear!=0) && (schoolyear != globalSchoolYear) )
	{
		bShow = false;
	}
	else
	{
		if ( searchStrLength == 0 )
		{
			theTitle = title;
			bShow = true;
		}
		else if (titleLength >= searchStrLength )
		{
			var TitleSubStr =  title.substring(0,searchStrLength);
			if ( TitleSubStr.toLowerCase() == searchStr.toLowerCase() )
			{
				var theTitle = title.substring(searchStrLength, titleLength);
				bShow = true;
			}
			else
				bShow = false;
		}
		else
		{
			bShow = false;
		}
	}
	if (bShow)
    {
		var jsonImage = entry.media$group.media$content[0].url;
	    var link = entry.link[1].href;
	    li = document.createElement('li');
	    li.style.backgroundImage = 'none';
	    if(pwaHorizontal)
	    {
	       li.style.display = 'inline';
	       li.style.padding = '3px';
	       li.style.textIndent = '-3px';
	       li.style.verticalAlign = 'sub';
	    }
	    if(pwaSlideShow)
	    {
	       li.style.position = 'absolute';
	       li.style.top = '3px';
	       li.style.left = '0px';
	       li.style.padding = '0px';
	       li.style.margin = '0px';
	       li.style.textIndent = '0px';
	    }
	    li.style.border = '0px';
	    if(pwaSlideShow)
	    {
	       li.style.display = 'none';
	       li.id = 'pwa' + imgNum;
	    }
	    a = document.createElement('a');
	    a.id = 'pwaImage' + imgNum;
	    a.href = link;
	    //a.href = album;
	    a.target = '_blank';
	    a.title = theTitle;
	    img = document.createElement('img');
	    img.src = jsonImage + '?imgmax=' + pwaImageSize + '&crop=1';
	    if(pwaBorder)
	    {
	       img.style.padding = '2px';
	       img.style.border = pwaBorderSize + 'px ' + pwaBorderColor + ' solid';
	    } 
	    if(pwaHorizontal)
	    {
	        img.style.display = 'inline';
	    }
	    img.style.width = pwaImageSize + 'px';
	    img.style.height = pwaImageSize + 'px';
	    a.appendChild(img);
	    li.appendChild(a);
	    ul.appendChild(li);
	    imgNum++;
	  }
  }
  cDiv.appendChild(ul);
  pwf.appendChild(cDiv);
  if(pwaSlideShow)
  {
     pwaPlay();
  }
}



function pwaPlay()
{  
   if(pwaCurrent >0)
   {
      pwPrev = pwaCurrent - 1;
      initImage('pwa'+pwPrev,'fadeOUT');
   }
   else 
   {  
      pwPrev = imgNum -1;
      initImage('pwa'+pwPrev,'fadeOUT');
   }
   initImage('pwa'+pwaCurrent,'fadeIN'); 
   if(pwaHeader && albumDisplay)
   {
       pwht = document.getElementById('pwaImage' + pwaCurrent);
       pwh = document.getElementById('pwHeading');
       pwh.innerHTML = pwht.title;
       pwh.href = pwht.href;
   }
   pwaCurrent++; 
   if (pwaCurrent == imgNum)
   {  
      pwaCurrent = 0;
   }
   setTimeout('pwaPlay()', pwaSlideSpeed)
}

function initImage(currentID, type)
{
   imageId = currentID;
   image = document.getElementById(imageId);
   setOpacity(image, 0);
   image.style.visibility = 'visible';
   if (type == 'fadeIN')
   {
       fadeIn(imageId,0);
       image.style.display = 'block';
    }
    if (type == 'fadeOUT')
   {
       fadeOut(imageId,100);
    }
}

function setOpacity(obj, opacity) 
{ 
    opacity = (opacity == 100)?99.999:opacity;
    obj.style.filter = 'alpha(opacity:'+opacity+')';
    obj.style.KHTMLOpacity = opacity/100;
    obj.style.MozOpacity = opacity/100; 
    obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity)
{
   if (document.getElementById)
   {
       obj = document.getElementById(objId);
       if (opacity <= 100) 
       {
           setOpacity(obj, opacity);
           opacity += 10;
           window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
       }
    }
}

function fadeOut(objId,opacity) 
{
     if (document.getElementById) 
    {
         obj = document.getElementById(objId);
         if (opacity >= 0) 
         {
            setOpacity(obj, opacity);
            opacity -= 10; 
            window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
         }
         if (opacity < 10)
        {
            obj.style.display = 'none';
        }
    }
}

function pwSearchAlbumsGlobal(data)
{
	var searchStr=globalPicasaPrefix;

	var feed = data.feed;
	var entries = feed.entry || [];
	var pwTitle = feed.title.$t;
	var album = feed.link[1].href;

	pwaFetch = feed.entry.length;

	document.writeln ('<table style="WIDTH: 194px" align="center">');
	document.writeln ('<tbody>');
	document.writeln ('<tr>');
	var count = 0;
	for (var i = 0; i < pwaFetch ; ++i)
	{
    
	    var entry = feed.entry[i];
	    var title = entry.title.$t;
		
		
		//opvragen datum album
		var published = entry.published.$t;
        var year = published.substring(0,4);
		var month = published.substring(5,7);
		var day = published.substring(8,10);
		//alert ('published ' + published + '  Betekent ' + year + ' ' + month + ' ' + day );
	    var schoolyear;
		if ( month < 8 )
			schoolyear = year - 1;
		else
			schoolyear = year;
				
		var bShow = false;
	    var titleLength = title.length;
	    var searchStrLength = searchStr.length;
	   
		if  ( (globalSchoolYear!=0) && (schoolyear != globalSchoolYear) )
		{
			bShow = false;
		}
		else
		{
			if ( searchStrLength == 0 )
			{
				theTitle = title;
				bShow = true;
			}
			else if (titleLength >= searchStrLength )
			{
				var TitleSubStr =  title.substring(0,searchStrLength);
				if ( TitleSubStr.toLowerCase() == searchStr.toLowerCase() )
				{
					var theTitle = title.substring(searchStrLength, titleLength);
					bShow = true;
				}
				else
					bShow = false;
			}
			else
			{
				bShow = false;
			}
		}
		if (bShow)
		{
			 var link = entry.link[1].href;
			 var hlink = entry.link[0].href;
			 var imageURL = entry.media$group.media$content[0].url + '?imgmax=160&crop=1';
			 
			 if (count==0)
				document.writeln ('<tr>');
			 document.writeln ('<td>'); 
			 document.writeln ('<p align="center"><br /></p>');
			 document.writeln ('<div align="center">');
			 document.writeln ('<table style="WIDTH: 194px" align="center">');
			 document.writeln ('<tbody>');
			 document.writeln ('<tr>');
			 document.writeln ('<td style="BACKGROUND: url(http://picasaweb.google.com/f/img/transparent_album_background.gif) no-repeat left 50%; HEIGHT: 194px" align="center"><a target="_blank" href="' + link + '"><img style="MARGIN: 1px 0px 0px 4px" height="160" alt="" width="160" src="'+ imageURL +'"></a></td>');			 document.writeln ('</tr>');
			 document.writeln ('<tr>');
			 document.writeln ('<td style="FONT-SIZE: 11px; FONT-FAMILY: arial,sans-serif; TEXT-ALIGN: center"><a style="FONT-WEIGHT: bold; COLOR: #4d4d4d; TEXT-DECORATION: none" target="_blank" href="' + link + '">' + theTitle + '</a></td>');
			 document.writeln ('</tr>');
			 document.writeln ('</tbody>');
			 document.writeln ('</table>');
			 document.writeln ('</div>');
			 document.writeln ('</td>');
			 count = count + 1;
			 if (count==3)
			 {
				document.writeln ('</tr>');
				count = 0;
			 }   
		} 
	}
	document.writeln ('</tbody>');
	document.writeln ('</table>');
}

function showPicasaPlayAlbums (user, prefix) 
{
	globalPicasaPrefix = prefix;
	var url = "http://picasaweb.google.com/data/feed/api/user/" + user + "?alt=json&kind=album&callback=pwShow";
	document.write('<SCR'+'IPT src="'+ url + '"><\/SCR'+'IPT>'); 
}

function showPicasaPictures (user, albumname) 
{
	globalPicasaPrefix = "";
	var url = "http://picasaweb.google.com/data/feed/api/user/" + user + "/album/"+ albumname + "?alt=json&callback=pwSearchAlbumsGlobal";
	document.write('<SCR'+'IPT src="'+ url + '"><\/SCR'+'IPT>'); 
}

function showPicasaAlbums (user, prefix, schoolyear) 
{
	globalPicasaPrefix = prefix;
	if (schoolyear!=undefined)
		globalSchoolYear = schoolyear;
	else
		globalSchoolYear = 0;
	var url = "http://picasaweb.google.com/data/feed/api/user/" + user + "?alt=json&kind=album&callback=pwSearchAlbumsGlobal";
	document.write('<SCR'+'IPT src="'+ url + '"><\/SCR'+'IPT>'); 
}

function showPicasaRandomPicture (user, prefix)
{
	
}