// JavaScript Document

function changeStyle(value){
	
	if (value == "test1"){
		document.getElementById("css").href = "css/style.css";
	}
	else if (value == "test2"){
		document.getElementById("css").href = "css/style2.css";
	}
	else if (value == "test3"){
		document.getElementById("css").href = "css/style3.css";
	}
	
	
}

$(document).ready(function(){
			$("#Hawaii").click(function () { 
				if($("#HawaiiDiv").is(":empty")){
					auth = "Gv1sRgCPnIhbyRyrKPWw";
					$("#HawaiiDiv").li("Hawaii", auth);
					$("#HawaiiShow").text("(Hide)");
					}
			else {
					$("#HawaiiDiv").toggle("slow");
					$("#HawaiiShow").html() == '(Hide)' ? $("#HawaiiShow").html('(View)') : $("#HawaiiShow").html('(Hide)');
					}
					});
					
			$("#California").click(function () { 
				if($("#CaliforniaDiv").is(":empty")){
					auth = "Gv1sRgCNaIvtK96_LiIA";
					//$("#test2Div").li("test2");
					getAlbumAjax("California", auth);
					$("#CaliforniaShow").text("(Hide)");
					
					}
			else {
					$("#CaliforniaDiv").toggle("slow");
					$("#CaliforniaShow").html() == '(Hide)' ? $("#CaliforniaShow").html('(View)') : $("#CaliforniaShow").html('(Hide)');
					}
    			});
			
			$("#India").click(function () { 
				if($("#IndiaDiv").is(":empty")){
					auth = "Gv1sRgCIj2_L2ot7bSOA";
					$("#IndiaDiv").li("India", auth);
					$("#IndiaShow").text("(Hide)");
					}
			else {
					$("#IndiaDiv").toggle("slow");
					$("#IndiaShow").html() == '(Hide)' ? $("IndiaShow").html('(View)') : $("#IndiaShow").html('(Hide)');
					}
					});
});
$.fn.li = function (albumName, auth){
		elem = this;
		thumbsize = 144
ts = new Date().getTime();
		$self = $("<div id='" +albumName + "Album'/>").appendTo(elem);
			$self.addClass('pwi_container');

		getAlbumJQ(albumName, auth);				   
	
		
		function album(j){
			$len = j.feed.entry.length;
			$scPhotos = $("<div/>");

			
			for (var i = 0; i < $len; i++) {
				var $img_base = j.feed.entry[i].content.src,
				$id_base = j.feed.entry[i].gphoto$id.$t,
				$fileName = j.feed.entry[i].title.$t,
				$c = (j.feed.entry[i].summary.$t ? j.feed.entry[i].summary.$t : ""),
				$scPhoto = $("<div class='pwi_photo' style='height:" + (thumbsize + 1) +"px; width:" + (thumbsize + 1) +"px;cursor: pointer; '/>");
				$scPhoto.append("<a rel='lb-"+albumName+"' href='" + $img_base + "?imgmax=640' ><img src='" + $img_base + "?imgmax="+thumbsize+"' alt='" + $fileName + "'/></a>");
				//alert($scPhoto.innerHTML);
				$scPhotos.append($scPhoto);
			}
			$scPhotos.append("<div style='clear: both;height:0px;'> </div>");
			show(false,$scPhotos);
			var $s = $("div.pwi_photo", $scPhotos);
			$s.find("a[rel='lb-"+albumName+"']").slimbox();
		};
		
		function getAlbumJQ(albumName, auth) {
			show(true,'');
			$url = 'http://picasaweb.google.com/data/feed/api/user/jitz222/album/' + albumName + '?kind=photo&max-results=40&start-index=1&authkey='+ auth +'&alt=json' 
			$.getJSON($url, 'callback=?', album);
			return $self;
		};

		function show(loading, data) {
			if (loading) {
				$.blockUI({
								message: "<div class='loader'><h2>Loading...</h2></div>",
											
								            css: {
												border: 'none',
												background:'none'
											}
			
							});	
			} else { if ($.blockUI) $.unblockUI();

				$self.html(data);

				$(elem).show("slow");
									
	
			};
		};



};

function ajaxRequest(url, method, data, asynch, responseHandler, albumName, isXML)
{
  var request;
  

	
if (window.XMLHttpRequest)
  {
  // code for IE7+, Firefox, Chrome, Opera, Safari
  request=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {
  // code for IE6, IE5
  request=new ActiveXObject("Microsoft.XMLHTTP");
  }
else
  {
  alert("Your browser does not support XMLHTTP!");
  }
  request.open(method, url, asynch);

  if (method == "POST")
  	request.setRequestHeader("Content-Type",
                           "application/x-www-form-urlencoded"); 
  if (isXML)
  	request.setRequestHeader('Content-Type', 'text/xml');
 
  request.onreadystatechange = function()
  {
  	//alert(request.readyState);
    if (request.readyState == 4) {
  	//alert(request.status);
	if (request.status == 200) {
          responseHandler(request.responseText, albumName);
      }
    }
  };
  request.send(data);
}

function getAlbumAjax(albumName, auth){
	$.blockUI({
								message: "<div class='loader'><h2>Loading...</h2></div>",
											
								            css: {
												border: 'none',
												background:'none'
											}})
	thumbSize = 144;
	albumFeed = 'http://picasaweb.google.com/data/feed/api/user/jitz222/album/' + albumName + '?kind=photo&amp;max-results=40&amp;start-index=1&amp;authkey='+ auth ;
	xml = "<param>"+
				"<albumFeed>"+albumFeed+"</albumFeed>"+
				"<albumName>"+albumName+"</albumName>"+
				"<thumbSize>"+thumbSize+"</thumbSize>"+
			"</param>";
	
	
	ajaxRequest("php/loadAlbum.php", "POST", xml, true, displayAlbum, albumName, true);	
	
	
	
}
  
function displayAlbum(galleryHtml, albumName){
  
	albumDiv =  document.getElementById(albumName+"Div");
	albumDiv.innerHTML = galleryHtml
	$.unblockUI();
 	$("#"+albumName+"Div").toggle("slow");
		var $s = $("div.pwi_photo", albumDiv);
	$s.find("a[rel='lb-test2']").slimbox();
  
  }