// common definitions for artotent.ch

var CR = "Copyright © 2008 - 2011 Artotent GmbH";
var StrVerify = "save080317";

var ie;
if (document.all && !window.opera) ie = true;
function pageWidth() {return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ?       document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;}
function pageHeight() {return  window.innerHeight != null? window.innerHeight : document.documentElement && document.documentElement.clientHeight ?  document.documentElement.clientHeight : document.body != null? document.body.clientHeight : null;} 

// Quirk Modus ermitteln

engine = 0;
if (window.navigator.appName == "Microsoft Internet Explorer")
{
   // This is an IE browser. What mode is the engine in?
   if (document.documentMode) // IE8 +
      engine = document.documentMode;
   else // IE 5-7
   {
      engine = 5; // Assume quirks mode unless proven otherwise
      if (document.compatMode)
      {
         if (document.compatMode == "CSS1Compat")
            engine = 7; // standards mode
      }
   }
   // the engine variable now contains the document compatibility mode.
}


    // Adjust Page
	
	function adjust_page()
	{
		if (engine==5)
		{
		document.getElementById("banner").style.width = "880px";
		document.getElementById("content").style.width = "880px";
		}
		offset = Math.round((pageWidth() - 880) / 2);
		if (offset < 11) offset = 0;
		if (offset > 10) offset = offset - 10;
		
		document.getElementById("banner").style.marginLeft = offset + "px";
		document.getElementById("content").style.marginLeft = offset + "px";
		document.getElementById("navigation").style.marginLeft = offset + "px";
		document.getElementById("bottomnav").style.left = offset + "px";
		
	}

    // Adjust Big Dia
    
    function adjust_bigimg()
    {
    var breite;
    if (window.innerWidth) {breite = window.innerWidth;}
    else if (document.body && document.body.offsetWidth) { breite = document.body.offsetWidth; }
    else { breite = 0 }
    if (breite == 0) breite = 800;
    document.getElementById("bigimg").style.left = (breite - 492) / 2;
    }

// Menuesteuerung

    // Banner Dia Section Home
    
    var logo = new Array("images/home_logo01.gif",
                         "images/home_logo02.gif",
                         "images/home_logo03.gif",
                         "images/home_logo04.gif",
                         "images/home_logo05.gif",
                         "images/home_logo06.gif",
                         "images/home_logo07.gif");
                         
    var dias = new Array("images/home_dia01.jpg", 
						 "images/home_dia02.jpg",
                         "images/home_dia03.jpg",
                         "images/home_dia04.jpg",
                         "images/home_dia05.jpg",
                         "images/home_dia06.jpg",
                         "images/home_dia07.jpg");
    
    var diasb = new Array("images/home_diab01.jpg", 
						  "images/home_diab02.jpg",
                          "images/home_diab03.jpg",
                          "images/home_diab04.jpg",
                          "images/home_diab05.jpg",
                          "images/home_diab06.jpg",
                          "images/home_diab07.jpg");

    var links = new Array("expodome.htm", 
						  "rotunda.htm",
                          "expotent_premium.htm",
                          "stagetent.htm",
                          "expotent_pro.htm",
                          "spiderarttent.htm",
                          "expotent_basic4.htm");

    var text = new Array("Der gigantische Blickfang auf jeder Veranstaltung.",
                         "Das geniale Sponsoring Zelt mit den vielen Werbefl&auml;chen.",
                         "Der bew&auml;hrte und ausgereifte Klassiker unter den Faltzelten.",
                         "Das monumentale B&uuml;hnenzelt steht in drei Minuten.",
                         "Das extrarobuste Event-Faltzelt f&uuml;r den Profi-Einsatz.",
                         "Das attraktive Inflatable Spinnenzelt mit f&uuml;nf Beinen.",
                         "Das leichte Vier- oder Sechseck Faltzelt f&uuml;r das knappe Budget.");
                         

	var nextPic = 0;
	var activedia = 0;
	var interval = 3000;
	var pace = 600;
	var fadeduration = 0.8;
	var anhalten = false;
	var diatimer = false;
	
	function fade_in()
	{
		if (ie){
			document.images.logo.style.filter="blendTrans(duration=fadeduration)"
      		document.images.logo.filters.blendTrans.Apply()
		}
	document.images.logo.style.visibility = "visible";
	document.logo.src=logo[nextPic];
	if (ie){
		document.images.logo.filters.blendTrans.Play()
   		}
	setTimeout ("fade_img()", pace);
	diatimer = true;
	activedia = nextPic;
	}
     
	function fade_img()
	{
		if (ie){
      		document.images.dia.style.filter="blendTrans(duration=fadeduration)"
      		document.images.dia.filters.blendTrans.Apply()
		}
		document.images.dia.style.visibility = "visible";
		document.dia.src=dias[nextPic];
        document.images.bigdia.src = diasb[nextPic];
		if (ie){
      		document.images.dia.filters.blendTrans.Play()
   		}
	setTimeout ("fade_text()", pace);  
	}
     
	function fade_text()
	{
		if (ie){
      		document.getElementById("diatext").style.filter="blendTrans(duration=fadeduration)"
      		document.getElementById("diatext").filters.blendTrans.Apply()
		}
		document.getElementById("diatext").style.visibility = "visible";
		document.getElementById("diatext").innerHTML = text[nextPic];
		if (ie){
      		document.getElementById("diatext").filters.blendTrans.Play()
   		}
        
		nextPic++;
		if (nextPic==dias.length)
		nextPic = 0;
		PImg = new Image();
		PImg.src = dias[nextPic];
		PImg2 = new Image();
		PImg2.src = logo[nextPic];
		setTimeout ("fade_out(1)", interval);
	}
	
	function fade_out(modus)
	{
       	if (anhalten == true && modus == 1) {
			anhalten = false;
			diatimer = false;
			return;
		} 
		if (ie){
      		document.images.logo.style.filter="blendTrans(duration=0.2)"
      		document.images.logo.filters.blendTrans.Apply();
			document.images.dia.style.filter="blendTrans(duration=0.2)"
      		document.images.dia.filters.blendTrans.Apply();
			document.getElementById("diatext").style.filter="blendTrans(duration=0.2)"
      		document.getElementById("diatext").filters.blendTrans.Apply();
      		}
      	document.images.logo.style.visibility = "hidden";
		document.images.dia.style.visibility = "hidden";
		document.getElementById("diatext").style.visibility = "hidden";
		document.getElementById("diatext").innerHTML = "&nbsp;";
            if (ie) {
			document.images.logo.filters.blendTrans.Play();
			document.images.dia.filters.blendTrans.Play();
			document.getElementById("diatext").filters.blendTrans.Play();
			}
   		setTimeout("fade_in()", 800);
		diatimer = false;
		}

	function show_bigimg()
	{
		adjust_bigimg();
		anhalten = true;
		//document.images.bigdia.src = diasb[activedia];
		document.images.dia.alt = "Diashow angehalten";
		if (ie) {
			document.getElementById("bigimg").style.filter="blendTrans(duration=0.5)"
			document.getElementById("bigimg").filters.blendTrans.Apply();
			}
		document.getElementById("bigimg").style.visibility = "visible";
		if (ie) document.getElementById("bigimg").filters.blendTrans.Play();
	}
   
	function hide_bigimg()
	{
		anhalten = false;
		if (diatimer == false) fade_out(2);
		document.getElementById("bigimg").style.visibility = "hidden";
	}

	function goto()
	{
		self.location.href = links[activedia];
	}
	
	window.onresize = adjust_page;