//  $('#hengste').click(function() {
//	$('#ctext').animate({opacity: 'hide'},"slow","",updateText('donaudichter'));
//  });

	// initialize scrollable

$(document).ready(function() {
	$("#hengste").tooltip({ effect: 'slide', position: 'center right', offset: [0, -65]});
	
	if( $.browser.msie ){
//		alert('msie');
	}else{
		/*
		$("div.scrollable").scrollable({
				
				,
				,
			}).navigator({
				navi: 'a'
		});
		*/
		
	}
	$("div.scrollable").scrollable({size: 1,clickable: 0, globalNav: 1}).navigator({navi: 'a'});
	var api = $("div.scrollable").scrollable();

	 var pictures = { "donaudichter" : [6,10,1,2,4,5],
					  "irdenkreis"   : [3,1,4,5],
					  "karllagerfeld": [1,2,3,4,5,6,7],
					  "latinking"    : [1,2,3,4,5,6],
					  "prinzpatmos"  : [1,5,2,3,4],
					  "sankrotenbach": [1,2,3,4,5],
					  "mitterand"    : [3,2,1,4],
					  "herbstbach"   : [1,6,5,2,4,3,7],
					  "luciosilla"   : [1,2,3,4],
					  "legretto"     : [1,2,5,3,4],
					  "herbstklang"  : [1,2,3,4,5,6],
					  "kandelus"     : [1,2,3,4,5]
	 };
	 
	 $("img[rel]").overlay({top: -60, left: 200 });
	
	 $('#menu_select').hide();
	 $('#video').show();
	 $('#menu_select').show("slow");
		
	 $("#donaudichter").click(function(){onSelectChange('donaudichter');})
	
	 $("#irdenkreis").click(function(){onSelectChange('irdenkreis');})
	
	 $("#karllagerfeld").click(function(){onSelectChange('karllagerfeld');})
	 
	 $("#latinking").click(function(){onSelectChange('latinking');}) 
	 
	 $("#prinzpatmos").click(function(){onSelectChange('prinzpatmos');}) 
	 
	 $("#sankrotenbach").click(function(){onSelectChange('sankrotenbach');}) 
	 
	 $("#mitterand").click(function(){onSelectChange('mitterand');})
	 
	 $("#herbstbach").click(function(){onSelectChange('herbstbach');}) 
	 
	 $("#luciosilla").click(function(){onSelectChange('luciosilla');})  
	 
	 $("#herbstklang").click(function(){onSelectChange('herbstklang');})  
	 
	 $("#legretto").click(function(){onSelectChange('legretto');})   
	 
	 $("#kandelus").click(function(){onSelectChange('kandelus');})   
	 
	 $("#sel_hengst").change(function(){onSelectChange($("#sel_hengst option:selected").val())});
	
	 function onSelectChange(selected){
		if(api)api.begin();
		 $('#video').animate({opacity: 'hide'}, "slow");
		 $('#bilder').animate({opacity: 'hide'}, "slow"); 
		 $('#ccontent').animate({opacity: 'hide'}, "slow","",function(){updateText(selected)});
		 //$("#output").html(output);  
	 }
	
	function updateText(name) {
		$('#bilder').animate({opacity: 'show'},"slow");
		if (name=='prinzpatmos' || name=="donaudichter" || name=="kandelus" || name=="herbstklang" || name=="herbstbach" || name=="karllagerfeld" || name=="legretto" || name=="banderas") {
			
		 $('#flash_video').html("<object height='317' width='405' data='videos/"+name+".swf' type='application/x-shockwave-flash'><param name='quality' value='high' /><param name='wmode' value='opaque' /><param name='id' value='FlashID' /><param name='autostart' value='false' /><param name='src' value='videos/"+name+".swf' /></object>");
		 
			$('#video').animate({opacity: 'show'},"slow");	
		};
		
		var url = "data/data.html div#"+name;
		$('#ccontent').load(url,"",function(){updatePicture(name, pictures[name])});
		$('#ccontent').animate({opacity: 'show'},"slow");
	}
	
	function updatePicture(name, pictures){
	
	function picSrc(url){
		this.src = url;
	}
	
	var picList = [];
	
	for (num in pictures){
		var pathw = "images/hengste/"+name+"/"+name+"_"+pictures[num]+".jpg";
		var myObj = new picSrc(pathw);
		picList.push(myObj);
	}
	
	$('#slideshow').crossSlide({
	  sleep: 4,
	  fade: 1
	}, picList);	  
	
	
	$("img[rel]").overlay({top: -60, left: 200 });
	/*	 $('#pedigree').click(function(){alert($("#pedigree").attr("name"));					   
	 })*/
	
	};
});