// Trackincenter
tc = new Image(0,1);
tc.src ="http://www.trackingcenter.de/statistic.php?id=1012&screenwidth="+screen.width+"&screenheight="+screen.height+"&colordepth="+screen.colorDepth+"&referrer="+escape(document.referrer)+"&url="+escape(document.URL);

Event.observe(window,'load',function() {
	if (Prototype.Browser.IE) {
		//if (!parseInt(navigator.userAgent.substring(navigator.userAgent.indexOf("MSIE")+5)) == 6)
		if (navigator.appVersion.indexOf("MSIE 6.0"))
				lightwindowInitIE();
	}
	else lightwindowInit();
	
	if($('leistungen_galerie'))
		init_hover_gallerie('leistungen_galerie')
	if($('slideshow1'))
		new TandemSlideshow('slideshow1',{duration:3, transition_speed:1, random:false}).start();
	if($('startNavigation'))
		addFlashNavigation();
	if($('Mustergalerie'))
		addShowroom();
	if($('vertical_container'))
		loadAccordions();
	if($('Video'))
		initVideo();
});

function lightwindowInitIE(){
	
	var links = $$('#leistungen_galerie_previews a');
	
	links.each(function(link, i){
		link.observe('click', function(e){	
			window.open(link, 'Albea', 'height=400 width=800')
			Event.stop(e);	
			
		});
	});
}

var myLightWindow = null;
function lightwindowInit() {
	myLightWindow = new lightwindow({hideGalleryTab : true});
}



function addShowroom()
{
	
	var fo = new FlashObject("/fileadmin/templates/flash/AlbeaShowroom.swf", "movie", "340", "260", "8", "#303533");
		fo.addParam("allowFullScreen", "true");
		fo.addParam("wmode", "transparent");
		fo.addParam("FlashVars", "screenmodus_button_text=zur%C3%BCck%20zum%20Inhalt%20%28ESC%29&loupe_help_text=Klicken%20Sie%20hier%2C%20um%20den%20Winkel%20der%20Platte%20zu%20wechseln");
		fo.useExpressInstall('/fileadmin/templates/js/expressinstall.swf');
	
	fo.write("Mustergalerie");
}


function addFlashNavigation()
{
	var fo = new FlashObject("/fileadmin/templates/flash/albea_teasers.swf", "movie", "580", "200", "8", "#303533");
		
  //fo.addParam("FlashVars", "teaser_url_1=%2Fhart-eloxieren%2F&teaser_url_2=%2Fchromatieren%2F&teaser_url_3=%2Falu-polieren%2F&teaser_url_4=%2Fprofilbearbeitung%2F&teaser_url_5=%2Fqualitaetssicherung%2F&teaser_url_6=%2Fdruck-folierung%2F&teaser_url_7=%2Feloxal%2F&teaser_url_8=%2Fpulverbeschichten%2F&teaser_text_1=Harteloxal&teaser_text_2=Chromatierung&teaser_text_3=Design%20%26%20Oberfl%C3%A4chen&teaser_text_4=Profilbearbeitung&teaser_text_5=Qualit%C3%A4t&teaser_text_6=Montage%20Druck%20Folierung&teaser_text_7=Eloxal-Veredelung&teaser_text_8=Pulverbeschichtung");
		fo.addParam("FlashVars",getFlashVars());
		fo.useExpressInstall('/fileadmin/templates/js/expressinstall.swf');
		fo.write("startNavigation");

}

// Accordion
function loadAccordions() {

	var bottomAccordion = new accordion('vertical_container');
	// Open first one
	bottomAccordion.activate($$('#vertical_container .accordion_toggle')[0]);
}


var gallerie_button = new Array();
gallerie_button['image'] = new Array();
gallerie_button['image']['active'] = '/fileadmin/templates/images/gallerie_quicknavigation.gif';
gallerie_button['image']['inactive'] = '/fileadmin/templates/images/gallerie_quicknavigation_inactive.gif';
gallerie_button['movie'] = new Array();
gallerie_button['movie']['active'] = '/fileadmin/templates/images/gallerie_quicknavigation_movie.gif';
gallerie_button['movie']['inactive'] = '/fileadmin/templates/images/gallerie_quicknavigation_movie_inactive.gif';


function init_hover_gallerie(element_name) {
  var container = $(element_name);
  var elements = $$('#'+element_name+' > div > a');
  var output = '';
  

  for(var i = 0; i < elements.length; i++)
  {
  	if(is_movie(elements[i].href))
	  	button = gallerie_button['movie']['inactive'];
	else
		button = gallerie_button['image']['inactive'];
	  	
    output += '<img src="'+button+'" id="gallerie_quicknavigation_'+i+'" alt="'+i+'" />';  
  }
   output = '<div id="lightbox_quicknavigation">'+output+'</div>';
  
  new Insertion.Bottom(container,output);
  
  for(var i = 0; i < elements.length; i++) { 
    //Die untere Leiste wird leider mit diesem Event nicht eingeblendet, daher deaktiviert
    //Event.observe('gallerie_quicknavigation_'+i,'click', myLightWindow.openWindow.bind(myLightWindow,myLightWindow.galleries.Produkt.Produktbilder[i]),false);    
  	Event.observe('gallerie_quicknavigation_'+i,'mouseover',function(e) {
  		hover_gallerie(element_name,Event.element(e).alt);
  	});
  }
  
  hover_gallerie(element_name,0);
}

function is_movie(path) {
	return path.match('\.swf');
}

function hover_gallerie(element_name,id) {
  var a = $$('#'+element_name+' > div > a');
  a.invoke('hide');
  a[id].show();
  hover_gallerie_button(element_name,id);
}

function hover_gallerie_button(element_name,id) {
  var a = $$('#'+element_name+' > div > a');

  for(var i = 0; i < a.length; i++) {
  	if($('gallerie_quicknavigation_'+i).src.match('movie'))
		$('gallerie_quicknavigation_'+i).src = gallerie_button['movie']['inactive'];	
	else
		$('gallerie_quicknavigation_'+i).src = gallerie_button['image']['inactive'];
  }

  if($('gallerie_quicknavigation_'+id).src.match('movie'))
	$('gallerie_quicknavigation_'+id).src = gallerie_button['movie']['active'];	
  else
	$('gallerie_quicknavigation_'+id).src = gallerie_button['image']['active'];
}

function initVideo(){
	
	var objectId = 'VideoPlayer';
	var objectWidth = '640';
	var objectHeight = '360';
	var flashVersion = '8.0.0';
	
	var links = $$('#VideoSelection a');
	var currButton = null
	
	$$('.Text').invoke('hide');
	
	swfobject.embedSWF(links[0].readAttribute('href'), objectId, objectWidth, objectHeight, flashVersion);
	links[0].up().siblings().each(function(button){
		button.addClassName('active');
		currButton = button;
		$$('.Text')[0].show();
	});
	
	links.each(function(link, i){
		link.observe('click', function(e){	
			Event.stop(e);	
			$$('.Text').invoke('hide');
			swfobject.embedSWF(link.readAttribute('href'), objectId, objectWidth, objectHeight, flashVersion);
			link.up().siblings().each(function(button){
				currButton.removeClassName('active');
				button.addClassName('active');
				currButton = button;
			});
			$$('.Text')[i].show();
		});
	});
}


