var loader = "<img src='images/loader.gif' />";
$(document).ready(function(){
						   
 $("#bigbuttons .menu_item").live("click", selectMenu);
 $("#parte1 .parteMenu").live("click", selectParte1);	
 $("#footer .selNavigator").live("click", selectNavigator);
 $("#parte2 .parteSubMenu").live("click", selectSubMenuPersonal);
  // part set up
  $("#bigbuttons #profilo").attr("page", "menuProfilo.php");
  $("#bigbuttons #profilo").attr("parte1", "parte1Profilo.php");
  $("#bigbuttons #profilo").attr("color", "#b2d35f");
  $("#bigbuttons #profilo").attr("size", 214);
  $("#bigbuttons #profilo").attr("position", 408);
  $("#bigbuttons #profilo").attr("logo-color", "#b2d35f");
  
  $("#bigbuttons #portfolio").attr("page", "menuPortfolio.php");
  $("#bigbuttons #portfolio").attr("parte1", "parte1Portfolio.php");
  $("#bigbuttons #portfolio").attr("color", "#374270");
  $("#bigbuttons #portfolio").attr("size", 244);
  $("#bigbuttons #portfolio").attr("position", 492);
  $("#bigbuttons #portfolio").attr("logo-color", "#f8dd45"); 
  
  $("#bigbuttons #personal").attr("page", "menuPersonal.php");
  $("#bigbuttons #personal").attr("parte1", "parte1Personal.php");
  $("#bigbuttons #personal").attr("color", "#ce0000");
  $("#bigbuttons #personal").attr("size", 384);
  $("#bigbuttons #personal").attr("position", 593);
  $("#bigbuttons #personal").attr("logo-color", "#ce0000");
	
});

var ajaxLoaderMenu = null;
var ajaxLoaderParte1 = null;
var ajaxLoaderFooter = null;
var ajaxLoaderParte3 = null;

function abortAllAjax()
{
	if (ajaxLoaderMenu != null)
		ajaxLoaderMenu.abort();		
	if (ajaxLoaderParte1 != null)
		ajaxLoaderParte1.abort();
	if (ajaxLoaderFooter != null)
		ajaxLoaderFooter.abort();
	if (ajaxLoaderParte3 != null)
		ajaxLoaderParte3.abort();
}
function selectMenu() 
{
 abortAllAjax();
 $(".menu_selected").addClass("menu_item");
 $(".menu_selected").removeClass("menu_selected");
 $(this).removeClass("menu_item");
 $(this).addClass("menu_selected");

 $("#logo").css("background-color", $(this).attr("logo-color"));

 $(".parte").css("background-color", "#FFFFFF");
 $(".parte").html(loader);
 $("#parte2").width($(this).attr("size") + "px");
 $("#parte3").css("left", $(this).attr("position")+ "px");
 $("#parte3").width(  (982 - $(this).attr("position")) + "px" );
 $("#footer").html("");
 $("#footer").width($("#parte3").width() + "px");
 
 ajaxLoaderMenu = ajaxLoad(ajaxLoaderMenu, $(this).attr("page"), $("#parte1"), setUpParte1);
 return false;
}

function setUpParte1(target){
	 target.hide();
 	 target.css("background-color",  $(".menu_selected").attr("color"));
	 target.slideDown("slow", function(){$(".parteMenu:first").click();});	
}

function selectParte1()
{
	//set the menu to white.
        $(".parteMenu[selected=true]").attr("style",'');
	$(".parteMenu[selected=true]").attr("selected",false);
	$(this).attr("selected", true);
	$(this).css("color", "#FFFFFF");
	// clear parts 2 3 and footer:
	 $("#parte2").html(loader);
	 $("#parte3").html(loader);
	 $("#footer").html("");
	 //what part are we making?		 
	 ajaxLoaderParte1 = ajaxLoad(ajaxLoaderParte1, $(".menu_selected").attr("parte1") + "?id=" + $(this).attr("rel"), $("#parte2"), function(target){
/*		 target.hide();																								  
  		 target.slideDown("slow",onParte2Ready);*/
		 onParte2Ready();
  	  } );
     return false;
}

function onParte2Ready(){
		var selected = $(".menu_selected").attr("id");
		if(selected == "profilo"){
		ajaxLoaderFooter = ajaxLoad(ajaxLoaderFooter, "schedeNavigator.php?id=" + $(".parteMenu[selected=true]").attr("rel") + "&table=profilo", $("#footer"), navigatorReady); 
		} else
		if(selected == "portfolio")
		{
		setDescrizione();
		ajaxLoaderFooter = ajaxLoad(ajaxLoaderFooter, "schedeNavigator.php?id=" + $(".parteMenu[selected=true]").attr("rel") + "&table=portfolio", $("#footer"), navigatorReady);
		} 
		else
		if(selected == "personal")
		{
                   $(".parteSubMenu:first").click();
		}
}
function navigatorReady(target)
{
  target.hide();																								  
  target.slideDown("slow", function(){ $(".selNavigator:first").click();});
 
}

function selectNavigator()
{
        //set the menu to white.
	$(".selNavigator[selected=true]").attr("style",'');
	$(".selNavigator[selected=true]").attr("selected",false);
	$(this).attr("selected", true);
	$(this).css({'text-decoration' : 'underline', 'font-weight' : 'bold'});
	$("#parte3").html(loader);
ajaxLoaderParte3 = ajaxLoad(ajaxLoaderParte3, "parte3Navigator.php?id=" + $(this).attr("rel") + "&table=" + $(".menu_selected").attr("id"), $("#parte3"), parte3Ready);
	return false;
}

function selectSubMenuPersonal()
{  
  $(".parteSubMenu[selected=true]").attr("style",'');
  $(".parteSubMenu[selected=true]").attr("selected",false);
  $(this).attr("selected", true);
  $(this).css({'text-decoration' : 'underline', 'color' : '#eb706a'});
  $("#parte3").html(loader);
  ajaxLoaderFooter = ajaxLoad(ajaxLoaderFooter, "schedeNavigator.php?id=" + $(".parteSubMenu[selected=true]").attr("rel") + "&table=personal", $("#footer"), navigatorReady);
  return false;
}

function parte3Ready(target)
{
	target.hide();																								  
    target.slideDown("slow");
}

function ajaxLoad(ajaxObj, url, target, callback)
{
	if (ajaxObj != null)
		ajaxObj.abort();
	
	var obj = $.ajax({
		type: "GET",
		url: url,
		success: function(msg) {
			target.html(msg);
			if(callback != null)
    	 	   callback(target);
   		}
	});
	return obj;
}

function setDescrizione()
{
	$("#info_dati").hide();
	$("#info_descrizione").show();
	$('.decrizione_arancio').addClass("banner_selected");
	$('.decrizione_arancio').removeClass("info_portfolio");
	$('.info_arancio').removeClass("banner_selected");
	$('.info_arancio').addClass("info_portfolio");

}
function setDati()
{
	$("#info_descrizione").hide();
	$("#info_dati").show();
	$('.decrizione_arancio').removeClass("banner_selected");
	$('.decrizione_arancio').addClass("info_portfolio");
	$('.info_arancio').addClass("banner_selected");
	$('.info_arancio').removeClass("info_portfolio");
}