// Functions
var $slider, $currPhoto = 0, $maxPhotos = 0, $currSlide = 0, $maxSlides = 0, $slideSize = 8;

function getSet(id){
	$("ul#menu").find("ul").hide();
	$("body").css("cursor", "wait");
	$.ajax({
      url: "functions.php?get=set&id="+id,
      dataType: "json",
      async: false,
      success: function(data) {
      			$currPhoto = 0;
				if(data.photoset.photo.length>0){
	      			$maxPhotos = data.photoset.photo.length-1;
					var photos = data.photoset;
					$("#thumbs").remove();
					var l = $("<ul>");
					l.attr("id","thumbs");
					for(i=0; i<photos.photo.length;i++){
						l.append("<li id='thumb_"+i+"' style='width:80px'>"+getPhoto(photos,i)+"</li>");
					}
					$("#foot").append(l);
					if($slider){ $slider.destroyShow(); }
					
					$slider = $("#thumbs").bxSlider({
						displaySlideQty: $slideSize,
				    	moveSlideQty: $slideSize,
				    	infiniteLoop: false,
				    	hideControlOnEnd: true,
				    	onAfterSlide: function(currentSlide, totalSlides){
			            	$currSlide = currentSlide+($slideSize-1);
			            	$maxSlides = totalSlides;
			            }
					});
					$("#thumb_0 a").trigger('click');
				}
      }
	});
	$("body").css("cursor", "auto");
	return false;
	
};

function getContact(){
	$.get("contact.php?act=form", function(data){$("#content").prepend(data);});
	
};

function getPhoto(photoset, i) {
		var photo = photoset.photo[i];
    var url_thumb = 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_s.jpg';
    var url_big = 'http://farm'+photo.farm+'.static.flickr.com/'+photo.server+'/'+photo.id+'_'+photo.secret+'_b.jpg';
    return '<a href="#" onClick="return showPhoto(this);" id="'+photo.id+'" rel="'+url_big+'" title="'+photo.title+'"><img src="' + url_thumb + '" border="0" width="75" height="75" alt="'+photo.title+'" /></a>';
};

function getPhotoURL(id){
	$.getJSON("functions.php?get=photo&id="+id, function(data){
		//console.log(data);
	});
};

function swapPhoto(newsrc){
  var newsrc = newsrc;
  if($("#mainphoto").length==0){
   	$("img").attr("id","mainphoto").appendTo("#content");
   	//console.log("recreated mainphoto");
  }
    $('#mainphoto').fadeOut(500, function(){
    		if(!$("#content").hasClass("loadingbg")){ $("#content").addClass("loadingbg"); }
    		$(this).css('float', '').attr('src',newsrc).bind('onreadystatechange load', function(){
                if (this.complete) $(this).fadeIn(500);
          });
     });
};

function showPhoto(obj){
		$(".contentOverlay").remove();
		swapPhoto($(obj).attr("rel"));
		//var l_url = getPhotoURL($(obj).attr("id"));
		
		//arrange navigator overlay
		var pNum = $(obj).parent().attr("id");
		pNum = pNum.replace("thumb_","");
		$currPhoto = parseFloat(pNum);
		if($currPhoto == 0){
			$(".navPrev").hide();
		}else{
			$(".navPrev").show();
		}
		if($currPhoto < $maxPhotos){
			$(".navNext").show();
		}else{
			$(".navNext").hide();
		}
		
		return false;
}

$("#contactform").live("submit", function(event) {

    // stop form from submitting normally
    event.preventDefault(); 
        
    // get some values from elements on the page:
    var $form = $( this ),
        name = $form.find( 'input[name="name"]' ).val(),
        email = $form.find( 'input[name="email"]' ).val(),
        msg = $form.find( 'textarea[name="msg"]' ).val(),
        url = $form.attr( 'action' );

    // Send the data using post and put the results in a div
    $.post( url, { n: name, e: email, m: msg } ,
      function( data ) {
          $( "#contactform" ).html( data );
      }
    );
  });


$(document).ready(function() {
	$(".navNext").hide();
	$(".navPrev").hide();

	$("#navNext").hover(
	  function () {
		$(this).addClass('navNextHover');
	  }, 
	  function () {
		$(this).removeClass('navNextHover');
	  }
	);

	$("#navPrev").hover(
	  function () {
		$(this).addClass('navPrevHover');
	  }, 
	  function () {
		$(this).removeClass('navPrevHover');
	  }
	);
    //init menu
    ddsmoothmenu.init({
			mainmenuid: "menucontainer",
			orientation: 'h',
			classname: 'ddsmoothmenu',
			contentsource: "markup"
		});
		
		//set onclick menu
    $(".menuSet").click(function(){
    	var $t = $(this).attr("rel");
    	if($t=='contact'){
    		getContact();
    	}else{
    		getSet($t);
    	}
    	return false;
    });
	$('#navNext').click(function() {
		$currPhoto++;
		$("#thumb_"+$currPhoto+" a").trigger('click');
		if($currPhoto > $currSlide){
			$slider.goToNextSlide();
		}
		//return false;
	});
	
	$('#navPrev').click(function() {
		$currPhoto--;
		$("#thumb_"+$currPhoto+" a").trigger('click');
		if($currPhoto < $currSlide-($slideSize-1)){
			$slider.goToPreviousSlide();
		}
	});

});