$(document).ready(function(){


// CONSTANTS THAT CAN BE TWEAKED


var cat_right_max_height = "340px";
var painting_max_height = "430px";

//------------------------------











//****************************
//
// NEW STUFF: TEXT PART
//
//****************************




$("#cat_right .description").css({"max-height": cat_right_max_height});



function toggle_argument(_detail_id, _toggle) {
	
	var text = "";
	
	switch (_detail_id){
		case "arg1": text = "argtext1"; break;
		case "arg2": text = "argtext2"; break;
		case "arg3": text = "argtext3"; break;
		case "arg4": text = "argtext4"; break;
		case "arg5": text = "argtext5"; break;
		case "arg6": text = "argtext6"; break;
		case "arg7": text = "argtext7"; break;
		case "arg8": text = "argtext8"; break;
		case "arg9": text = "argtext9"; break;
		case "arg10": text = "argtext10"; break;
		case "arg11": text = "argtext11"; break;
		case "arg12": text = "argtext12"; break;
		case "arg13": text = "argtext13"; break;
		case "arg14": text = "argtext14"; break;
		case "arg15": text = "argtext15"; break;
		case "arg16": text = "argtext16"; break;
		case "arg17": text = "argtext17"; break;
		case "arg18": text = "argtext18"; break;
		case "arg19": text = "argtext19"; break;
		case "arg20": text = "argtext20"; break;
		case "arg21": text = "argtext21"; break;
		case "arg22": text = "argtext22"; break;
		case "arg23": text = "argtext23"; break;
		case "arg24": text = "argtext24"; break;
		case "arg25": text = "argtext25"; break;
		case "related1": text = "related_content1"; break;
		case "related2": text = "related_content2"; break;
		case "related3": text = "related_content3"; break;
		case "related4": text = "related_content4"; break;
		case "related5": text = "related_content5"; break;
		case "related6": text = "related_content6"; break;
		case "related7": text = "related_content7"; break;
		case "related8": text = "related_content8"; break;
		case "related9": text = "related_content9"; break;
		case "related10": text = "related_content10"; break;
		case "related11": text = "related_content11"; break;
		case "related12": text = "related_content12"; break;
		case "related13": text = "related_content13"; break;
	}
	
	
	// if (_toggle == "show") { $("#" + text).toggle("slide", {}, 250); }
	
	
	
	// else if (_toggle == "hide") { $("#" + text).toggle("slide", {}, 1); }
	
	
	
	
	
	// $("#" + text).toggle("slide", {}, 250);
	
	var list_id = "catinfolist";
	var arg_id = "cat_right";
	
	
	
	$("#" + arg_id + " > div").each(function (i, arg) {

		// alert($(arg).css("display") + " " + arg.id); 
		
		if($(arg).css("display") == "block") {
			
			// Slide out the detail currently visible
			// when it is clicked
			if(arg.id == text) {
				$(arg).css({"overflow": "hidden"});
				$(arg).toggle("slide", {}, 250);
				
			}
			
			// Slide out the detail currently visible
			// when an other detail is selected
			
			else { 
				$(arg).css({"overflow": "hidden"});
				$(arg).toggle("slide", {}, 1); 
			}
			
		}
		
		
		// Slide out the detail currently visible
		// when an other detail is selected or
		// slide in
		else if(arg.id == text) {
			$(arg).toggle("slide", {}, 250, function() {$(arg).css({"overflow": "auto"});});
			
			
			}
		
      }
	  
	  );
	


}



//--------------------------
// EVENTS THAT WORK
//--------------------------

var arg_container = "#cat_left";

$(arg_container + " li a").click(

	function() { 
		var arg_id = this.id;
		// alert(detail_id);
		toggle_argument(arg_id, "show");

	}

);


























 

//****************************
//
// NEW STUFF: PAINTING PART
//
//****************************






//-----------------------------------------------
// A function called when one mouses over or out
// of the details
//-----------------------------------------------

$("#right .description").css({"max-height": painting_max_height});

function toggle_text(_detail_id, _toggle) {
	
	var text = "";
	var image_replace = "";
	
	switch (_detail_id){
		case "det1": text = "text1"; image_replace = "chair"; break;
		case "det2": text = "text2"; image_replace = "ladyface"; break;
		case "det3": text = "text3"; image_replace = "jacket"; break;
		case "det4": text = "text4"; image_replace = "ladypearls"; break;
		case "det5": text = "text5"; image_replace = "ladychair"; break;
		case "det6": text = "text6"; image_replace = "ladyclothe"; break;
		case "det7": text = "text7"; image_replace = "ladywall"; break;
		case "det8": text = "text8"; image_replace = "ladyframe"; break;
		case "det9": text = "text9"; image_replace = "ladystilllife"; break;
		case "det10": text = "text10"; image_replace = "ladychair"; break;
		case "det11": text = "text11"; image_replace = "ladychair"; break;
		case "det12": text = "text12"; image_replace = "ladychair"; break;
		case "det13": text = "text13"; image_replace = "ladychair"; break;
		case "det14": text = "text14"; image_replace = "ladychair"; break;
		case "det15": text = "text15"; image_replace = "ladychair"; break;
		case "det16": text = "text16"; image_replace = "ladychair"; break;
		case "det17": text = "text17"; image_replace = "ladychair"; break;
		case "det18": text = "text18"; image_replace = "ladychair"; break;
		case "det19": text = "text19"; image_replace = "ladychair"; break;
		case "det20": text = "text20"; image_replace = "ladychair"; break;
		case "det21": text = "text21"; image_replace = "ladychair"; break;
		case "det22": text = "text22"; image_replace = "ladychair"; break;
		case "det23": text = "text23"; image_replace = "ladychair"; break;
		case "det24": text = "text24"; image_replace = "ladychair"; break;
		case "det25": text = "text25"; image_replace = "ladychair"; break;
		case "det26": text = "text26"; image_replace = "ladychair"; break;
		
	}
	
	
	var speed = 250;
	
	var text_element = $("#" + text);
	
	// SHOW
	if (_toggle == "show" && fix == false) { 
	
		text_element.show("slide", {}, speed,
			function() { 
				text_element.css({"overflow": "auto"}); 
		}
	);  // default speed 250


		//$("#image_replace").fadeTo(250, 0);
		
		//$("#image_replace_backup").css({ "background-image": "url(../ladymultiples/" + image_replace + ".gif)"});
		text_element.css({"overflow": "hidden"});
	}
	
	
	// HIDE
	else if (_toggle == "hide" && fix == false) { 
	
		text_element.css({"overflow": "hidden"});
		text_element.hide( "slide", {}, 1); 
		
		/*
		$("#image_replace").fadeTo(1, 1
		// callback
			// function() { $("#image_replace_background").css({ "background-image": "url(baron_rolin.jpg)"}); }
			
		// callback
		);
		*/
		toggle_fix = true;
		
	}
	
	
	// HIDE THE DETAIL TOGGLED
	else if (_toggle == "toggle_fix" && fix == true) {
		
		text_element.css({"overflow": "hidden"});
		text_element.hide( "slide", {}, speed);
		
		
	}
	
	
	

}









//--------------------------
// EVENTS THAT WORK
//--------------------------

var container = "#left";
fix = false;
current_detail = "none";
toggle_fix = true;


// EVENTS FOR THE PAINTING

$(container + " area").mouseover(

	function() { 
		var detail_id = this.id;
		// alert(detail_id);
		toggle_text(detail_id, "show");
	}

).mouseout(

	function() { 
		var detail_id = this.id;
		// alert(detail_id);
		toggle_text(detail_id, "hide");
	}

).click(

	function () {
		
		// alert("prova");
		
		
		if (fix == true && current_detail != "none") {
			toggle_text(current_detail, "toggle_fix");
			toggle_fix = false;
		}
		
		if (fix == false && toggle_fix == true) {fix = true;}
		
		else if (fix == true) {fix = false;}
		
		current_detail = this.id;
		// alert(current_detail);
			
	}


);













//--------------------------
// Simpletip plugin code
//--------------------------




$("#navigationinfo .navlinks a").each(function(e){

	$(this).simpletip({

		fixed: false,
		content: $($("#navigationinfo .navlinks span")[e]).html(),
		offset: [10,-40]

	});

});













});