var photoArr = [];
var curr = 0;

(function($){
	//Resize image on ready or resize
	$.fn.supersize = function() {	
		//Invoke the resizenow() function on document ready
		$(document).ready(function() {
			$('#supersize').resizenow(); 
		});
		//Invoke the resizenow() function on browser resize
		$(window).bind("resize", function() {
    		$('#supersize').resizenow(); 
		});
	};
	//Adjust image size
	$.fn.resizenow = function() {
		//Define starting width and height values for the original image
		var startwidth = 1280;  
		var startheight = 960;
		//Define image ratio
		var ratio = startheight/startwidth;
		//Gather browser dimensions
		var browserwidth = $(window).width();
		var browserheight = $(window).height();
		//Resize image to proper ratio
		if ((browserheight/browserwidth) > ratio) {
		    $(this).height(browserheight);
		    $(this).width(browserheight / ratio);
			$('#grid').height(browserheight);
			$('#grid').width(browserheight / ratio);
		    $(this).children().height(browserheight);
		    $(this).children().width(browserheight / ratio);
		} else {
		    $(this).width(browserwidth);
		    $(this).height(browserwidth * ratio);
			$('#grid').width(browserwidth);
		    $('#grid').height(browserwidth * ratio);
		    $(this).children().width(browserwidth);
		    $(this).children().height(browserwidth * ratio);
		}
		//Make sure the image stays center in the window
		$(this).children().css('left', (browserwidth - $(this).width())/2);
		$(this).children().css('top', (browserheight - $(this).height())/2);
	};
})(jQuery);

function changeBkgd(bkgd,dida) {
	$("#dida").html(dida);
	$("#dida:visible").slideToggle("medium");
	//$('#menu1').animate({ opacity: 0.4 }, 700);
	$('#menu1_content').slideToggle("medium");
	$('#news').slideToggle("medium");
	$('#d_upload').slideToggle("medium");
	$('#app').slideToggle("medium");
	$('#menu2').animate({ opacity: 0 }, 700);
	$('#menu2_content').slideToggle("medium");
	$('#menu3').animate({ opacity: 0 }, 700);
	$('#menu3_content').slideToggle("medium");
	var img = new Image();
	  $(img).load(function () {
	     $(this).hide();
	     $('#supersize').html(this);
	     $(this).show();
	  }).error(function () {
	  // notify the user that the image could not be loaded
	  }).attr('src', 'images/' + bkgd);
	$("div#supersize").supersize();
	$('#grid').css('cursor', 'pointer');
	$('#grid').click(function() { menuBack(); });
	$('#mMenu').unbind('click').click(function() { menuBack(); });
	setTimeout("$(\"#dida\").slideToggle(\"medium\")", 1000);
	setTimeout("$(\"#dida\").slideToggle(\"medium\")", 4000);
	
	$("#buttons").css("display", "inline");
	
	disableGallery();
	setTimeout('enableGallery()',4000);
}

function enableGallery(){
	$("#next").attr("onCLick","nextImg();");
	$("#prev").attr("onCLick","prevImg();");
}

function disableGallery(){
	$("#next").removeAttr("onCLick");
	$("#prev").removeAttr("onCLick");
}

function nextImg(){
	disableGallery();
	setTimeout('enableGallery()',4000);
			
	if(photoArr.length == 0){ curr=0;}
	else{ curr = (curr+1) % photoArr.length;}
	//alert(photoArr[curr][0]);	
	$("#dida").html(photoArr[curr][1]);
	//$("#dida:visible").slideToggle("fast");
	$("#dida:visible").css("dislay","none");
	
	var img = new Image();
	  $(img).load(function () {
	     $(this).hide();
	     
	     $('#supersize').html(this);
	     $(this).show();
	  }).error(function () {
	  // notify the user that the image could not be loaded
	  });
	  $("#supersize img").attr('src', 'images/'+photoArr[curr][0]);
	
	$("div#supersize").supersize();
	$('#grid').css('cursor', 'pointer');
	$('#grid').click(function() { menuBack(); });	
	
	setTimeout("$(\"#dida\").slideToggle(\"medium\")", 1000);
	setTimeout("$(\"#dida\").slideToggle(\"medium\")", 4000);	
}

function prevImg(){
	disableGallery();
	setTimeout('enableGallery()',4000);
	
	if(photoArr.length == 0){ curr=0;}
	else if(curr>0){ curr = (curr-1)}
	else{curr = photoArr.length -1;}
	
	$("#dida").html(photoArr[curr][1]);
	$("#dida:visible").slideToggle("fast");

	var img = new Image();
	  $(img).load(function () {
	     $(this).hide();
	     
	     $('#supersize').html(this);
	     $(this).show();
	  }).error(function () {
	  // notify the user that the image could not be loaded
	  });
	  $("#supersize img").attr('src', 'images/'+photoArr[curr][0]);
	
	$("div#supersize").supersize();
	$('#grid').css('cursor', 'pointer');
	$('#grid').click(function() { menuBack(); });	
	
	setTimeout("$(\"#dida\").slideToggle(\"medium\")", 1000);
	setTimeout("$(\"#dida\").slideToggle(\"medium\")", 4000);	
}

function menuBack() {
	if($('#menu1_content').css('display')!='none') return;
	
	$('#mMenu').unbind('click').click(function() { toggleMenu('#menu1_content'); });
	$('#menu1').animate({ opacity: 1 }, 500);
	$('#menu1_content').slideToggle("medium");
	$('#news').slideToggle("medium");
	$('#d_upload').slideToggle("medium");
	$('#app').slideToggle("medium");
	$('#menu2').animate({ opacity: 1 }, 500);
	$('#menu2_content').slideToggle("medium");
	$('#menu3').animate({ opacity: 1 }, 500);
	$('#menu3_content').slideToggle("medium");
	$('#grid').unbind('click');
	$('#grid').css('cursor', 'default');
	$("#buttons").css("display", "none");
	
}

function toggleMenu(divid) {
	if (divid == "#menu1_content" || divid == "#text" ) {
		$("#menu2:visible").slideToggle("medium");
		$("#menu3:visible").slideToggle("medium");
	}
	if (divid == "#menu2") {
		$("#menu2:visible").slideToggle("medium");
		$("#menu3:visible").slideToggle("medium");
		$("#text:visible").slideToggle("medium");
	}
	$("#text").removeAttr("class");
	$("#dida:visible").slideToggle("medium");
	$(divid).find("span.plus_add").remove();
	$(divid).slideToggle("medium");
	return false;
}

function loadMenuMostre() {
	setTimeout("$(\"#menu2\").load('menu.php',function(){ toggleMenu('#menu2') });", 400);
	$("#buttons").css("display", "none");
}

function loadMenuStudio() {
	setTimeout("$(\"#menu2\").load('mostre.php?id=1000',function(){ toggleMenu('#menu2') });", 400);
	$("#buttons").css("display", "none");
}

function loadText(page) {
	$("#text:visible").slideToggle("medium");
	if ($('#text').hasClass(page)) {
			$("#text").removeClass(page);
	} else {
		setTimeout("$(\"#text\").load('pages.php?id=" + page +"',function(){ toggleMenu('#text') });", 400); 
		$("#text").addClass(page);
	}
	
	$("#buttons").css("display", "none");
}

function loadForm(page) {
	if (page == 'upform') {
		var url = 'uploadform.php';
	} else {
		var url = 'showpic.php';
	}
	$("#text:visible").slideToggle("medium");
	if ($('#text').hasClass(page)) {
			$("#text").removeClass(page);
	} else {
		setTimeout("$(\"#text\").load('" +url + "',function(){ toggleMenu('#text') });", 400); 
		$("#text").addClass(page);
	}
	
	$("#buttons").css("display", "none");
}

function loadExpo(page) {
	$("#menu3:visible").slideToggle("medium");
	if ($('#menu3').hasClass(page)) {
			$("#menu3").removeClass(page);
	} else {
		setTimeout("$(\"#menu3\").load('mostre.php?id=" + page + "',function(){ toggleMenu('#menu3'); setupThumb(); });", 400); 
		$("#menu3").addClass(page);
		$("#buttons").css("display", "none");
	}
}

function loadDetail(page) {
	$("#menu2_content:visible").slideToggle("medium");
	$("#menu3_content:visible").slideToggle("medium");
	if ($('#text').hasClass(page)) {
			$("#text").removeClass(page);
	} else {
		setTimeout("$(\"#text\").load('detail.php',function(){ $('#text').slideToggle('medium') });", 400); 
		$("#text").addClass(page);
	}
}

function loadVideo(page,dida) {
	$("#menu2_content:visible").slideToggle("medium");
	$("#menu3_content:visible").slideToggle("medium");
	if ($('#text').hasClass(page)) {
			$("#text").removeClass(page);
	} else {
		setTimeout("$(\"#text\").load('video.php?v="+page+"&d="+dida+"',function(){ $('#text').slideToggle('medium') });", 400); 
		$("#text").addClass(page);
	}
}

function loadModels(page) {
	$("#menu2_content:visible").slideToggle("medium");
	$("#menu3_content:visible").slideToggle("medium");
	if ($('#text').hasClass(page)) {
			$("#text").removeClass(page);
	} else {
		setTimeout("$(\"#text\").load('models.php',function(){ $('#text').slideToggle('medium') });", 400); 
		$("#text").addClass(page);
	}
}


function closeDetail(page) {
	$("#text").removeClass(page);
	$('#text').slideToggle('medium')
	$("#menu2_content").slideToggle("medium");
	$("#menu3_content").slideToggle("medium");
}

function setupThumb() {
	// manage image thumbnails opacity
	$('.thumb').mouseover(function() {
		$(this).animate({ opacity: 0.75 }, 300);
		return false; 
		});
	$('.thumb').mouseout(function() {
		$(this).animate({ opacity: 1 }, 300);
		return false; 
		});
}

function special() {
	loadMenuMostre();
	loadExpo(1014);
}

//function next(){}
//function prev(){}

$(document).ready(function() {
	// apply supersize to background div
	$("div#supersize").supersize();
	// delay news div slide-in
	setTimeout("toggleMenu('#news')", 3000);
	// delay & manage opacity of Moltitudine button
	setTimeout("toggleMenu('#d_upload')", 4000);
	$('#b_upload').mouseover(function() {
		$('#d_upload').animate({ opacity: 0.75 }, 300);
		return false; 
		});
	$('#b_upload').mouseout(function() {
		$('#d_upload').animate({ opacity: 1 }, 300);
		return false; 
		});
	// toggle (+) on selected menu items
	$('.menuitem').click(function() {
		var $this = $(this);
		if ($this.find('span').length != 0) {
			$this.children().remove();
		} else {
			$this.parent().find("span.plus_add").remove();
			if ($this.attr("id") != 'bio' && $this.attr("id") != 'biblio' && $this.attr("id") != 'press' && $this.attr("id") != 'credits' && $this.attr("id") != 'app') {
				$this.append('<span class="plus_add"></span>');
			}
		}
	});
	//main menu init
	$('#mMenu').click(function() { toggleMenu('#menu1_content'); });
});