//background
var BgVars = new Array();

//---------------------------------------------------
object=BgVars[0]=new Object();
object.imageurl="media/backgroundImg/01.jpg";

object.objwidth=1250;
object.objheight=832;


object.hasHightlight=true;
object.highlightX=330;
object.highlightY=254;
object.highlightXratio=object.objwidth/object.highlightX;
object.highlightYratio=object.objheight/object.highlightY;

object.fwdX=790;
object.fwdY=400;
object.revX=455;
object.revY=380;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=(object.objwidth/highlightwidth);

object.picId=0;

object.title="Kreuzgang, Fraumünsterkirche Zürich";
object.text="Wandmalerei mit der Legende von Hildegard und Berta mit Hirsch";





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

object=BgVars[1]=new Object();
object.imageurl="media/backgroundImg/02.jpg";

object.objwidth=1200;
object.objheight=799;

object.hasHightlight=true;
object.highlightX=45;
object.highlightY=270;
object.highlightXratio=object.objwidth/object.highlightX;
object.highlightYratio=object.objheight/object.highlightY;

object.fwdX=550;
object.fwdY=400;
object.revX=100;
object.revY=120;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/highlightwidth;

object.picId=1;
object.title="Rechtswissenschaftliches Institut, Universität Zürich";
object.text="Gedenktafel für Emilie Kempin-Spyri (1853-1901), Juristin und erste Privatdozentin an der Universität Zürich, sowie erste international lehrende Juristin.";


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

object=BgVars[2]=new Object();
object.imageurl="media/backgroundImg/03.jpg";

object.objwidth=1250;
object.objheight=832;

object.hasHightlight=true;
object.highlightX=210;
object.highlightY=385;
object.highlightXratio=object.objwidth/object.highlightX;
object.highlightYratio=object.objheight/object.highlightY;

object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/highlightwidth;

object.picId=2;
object.title="Lichthof, Universität Zürich";
object.text="Als Denkmal für Emilie Kempin-Spyri hat Pipilotti Rist eine Chaiselongue im Masstab 2 : 1 entworfen. Auf dem Polsterbezug sind Titel, Namen und Lebenslauf der Juristin silbrig aufgestickt.";

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

/*object=BgVars[3]=new Object();
object.imageurl="media/backgroundImg/04.jpg";

object.objwidth=1200;
object.objheight=799;

object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/buttonwidth;

object.picId=3;
object.title="Titel Bild 4";
object.text="das da ist der Text vom 4";
*/

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

//object=BgVars[4]=new Object();
object=BgVars[3]=new Object();
object.imageurl="media/backgroundImg/05.jpg";

object.objwidth=1250;
object.objheight=832;

object.hasHightlight=true;
object.highlightX=560;
object.highlightY=280;
object.highlightXratio=object.objwidth/object.highlightX;
object.highlightYratio=object.objheight/object.highlightY;

object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/highlightwidth;

//object.picId=4;
object.picId=3;

object.title="Haus «Zur kleinen Bibel», Storchengasse 19, Zürich";
object.text="Gedenktafel für Barbara Schaufelberger (1645 – 1718). Buchdruckerin und Verlegerin. Sie hat ihrer Nachwelt zwei bedeutende Werke hinterlassen: die kleine Oktav-Bibel und eine Zeitung, die bis 1914 weiter existierte.";

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

/*
object=BgVars[5]=new Object();
object.imageurl="media/backgroundImg/06.jpg";

object.objwidth=1200;
object.objheight=799;

object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/buttonwidth;

object.picId=5;
object.title="Titel Bild 6";
object.text="das da ist der Text vom 6";
*/

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

//object=BgVars[6]=new Object();

object=BgVars[4]=new Object();
object.imageurl="media/backgroundImg/07.jpg";

object.objwidth=1200;
object.objheight=799;

object.hasHightlight=true;
object.highlightX=210;
object.highlightY=270;
object.highlightXratio=object.objwidth/object.highlightX;
object.highlightYratio=object.objheight/object.highlightY;

object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/highlightwidth;

//object.picId=6;
object.picId=4;

object.title="Lydia-Welti-Escher-Hof";
object.text="Lydia Welti-Escher (1858-1891), Kunstmäzenin und Gründerin der Gottfried-Keller-Stiftung. Auf Anregung der Gesellschaft zu Fraumünster gibt es nun einen Ort zur Erinnerung an ihren Namen, in der Umgebung der Kunst, der ihre ganze Leidenschaft galt.";


//---------------------------------------------------
//object=BgVars[7]=new Object();
object=BgVars[5]=new Object();
object.imageurl="media/backgroundImg/08.jpg";

object.objwidth=1250;
object.objheight=832;

object.hasHightlight=true;
object.highlightX=125;
object.highlightY=350;
object.highlightXratio=object.objwidth/object.highlightX;
object.highlightYratio=object.objheight/object.highlightY;

object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/highlightwidth;

//object.picId=7;
object.picId=5;

object.title="Lux Guyer (1894 – 1955) , Bahnhofstrasse 71, Zürich";
object.text="1. Architektin der Schweiz. Sie hatte ihr eigenes Architekturbüro und war über ein Jahrzehnt lang die einzige Schweizerin, die den Beruf praktisch ausübte.";

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


/*

//object=BgVars[8]=new Object();
object=BgVars[6]=new Object();
object.imageurl="media/backgroundImg/09.jpg";

object.objwidth=1200;
object.objheight=799;
object.fwdX=100;
object.fwdY=175;
object.revX=20;
object.revY=170;

//Points
object.fwdXratio=object.objwidth/object.fwdX;
object.fwdYratio=object.objheight/object.fwdY;
object.revXratio=object.objwidth/object.revX;		
object.revYratio=object.objheight/object.revY;
object.buttonratio=object.objwidth/buttonwidth;

//object.picId=8;
object.picId=6;

object.title="Bittbaum";
object.text="";

*/


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



function loadById(id){
	
	//$("#background-image").hide();
	//$('#backgroundTitle').hide();
	//$('#backgroundText').hide();

	if (id == BgVars.length) id = 0;
	if (id == -1) id = BgVars.length-1;
		
	bgImgUrl=BgVars[id].imageurl;
	bgwidth=BgVars[id].objwidth;
	bgheihgt=BgVars[id].objheight;
	
	highlightX=BgVars[id].highlightX;
	highlightY=BgVars[id].highlightY;
	highlightXratio=BgVars[id].highlightXratio;
	highlightYratio=BgVars[id].highlightYratio;


	
	fwdX=BgVars[id].fwdX;
	fwdY=BgVars[id].fwdY;
	revX=BgVars[id].revX;
	revY=BgVars[id].revY;
	
	fwdXratio=BgVars[id].fwdXratio;
	fwdYratio=BgVars[id].fwdYratio;
	revXratio=BgVars[id].revXratio;	
	revYratio=BgVars[id].revYratio;	
	buttonratio=BgVars[id].buttonratio;	
	

	//muss irgendwie beim ersten mal vorgegeben werden
	$("#background-image").css({
		width: bgwidth,
		height: bgheihgt
		
	});
	
	$("#background-image").attr("src",bgImgUrl).fadeIn("fast");
		

	$("#background-button").attr("picId",BgVars[id].picId);


	$("#Fwd").css({
		//width:BgVars[id].objwidth/buttonratio,
		//height:BgVars[id].objwidth/buttonratio,
		//left:fwdX,
		//top:fwdY
	}).attr("picId",BgVars[id].picId);
	
	
	$("#Rev").css({
		//width:BgVars[id].objwidth/buttonratio,
		//height:BgVars[id].objwidth/buttonratio,
		//left:revX,
		//top:revY		
	}).attr("picId",BgVars[id].picId);
		
		
	$('#photo_index').text((id+1)+"/"+BgVars.length).fadeIn("slow");
	
	/* DEBUG, bis die definitiven texte da sind, soll es keine anzeigen!-------------------------*/
	$('#backgroundTitle').text(BgVars[id].title).fadeIn("slow");
	$('#backgroundText').text(BgVars[id].text).fadeIn("slow");
	

	
	var highlight=BgVars[id].hasHightlight;
	if(highlight){
		$('.highlight').show();
		$('#textContainerHighlight').show();

		$('.highlight').css({
			width:BgVars[id].objwidth/buttonratio,
			height:BgVars[id].objwidth/buttonratio,
			left:highlightX,
			top:highlightY		
			});

		}else{
		$('.highlight').hide();
		$('#textContainerHighlight').hide();

		}


}