var tmr = null;
var cur_img_index = 1;
var next_img_index = 2;
var tmpCo;

function writeF()
{
  document.write('<div id="carChangeLeft"><a href="#carDataName" title="předchozí" onclick="cchange(\'carsBanner\', $cprev)"><span>předchozí</span></a></div>');
  document.write('<div id="carChangeRight"><a href="#carDataName" title="další" onclick="cchange(\'carsBanner\', $cnext)"><span>další</span></a></div>');
}

function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}

function controlShow() {
	var imgWidth = parseInt(document.getElementById("gallery-img").width);
	document.getElementById("cover-img").style.width = imgWidth + "px";
	
}

//function controlHide() {
	//document.getElementById("next-btn").style.visibility = "hidden";
	//document.getElementById("prev-btn").style.visibility = "hidden";
	//document.getElementById("close-btn").style.visibility = "hidden";
 	//document.getElementById("cover-img").style.backgroundColor = "transparent";
//}

function endGallery() {
	//document.getElementById("next-btn").style.visibility = "hidden";
	//document.getElementById("prev-btn").style.visibility = "hidden";
	//document.getElementById("close-btn").style.visibility = "hidden";
	document.getElementById("gallery-container-outer").style.visibility = "hidden";
	document.getElementById("gallery-bckg").style.visibility = "hidden";
	document.getElementById("telo").style.overflow = "auto";
	document.getElementById("main").style.height = "100%";
}

function startGallery(src){
	document.getElementById("gallery-img").title = src;
	document.getElementById("gallery-img").src = "img/fotky/" + src.substr(0,3) + ".jpg";
	document.getElementById("gallery-container-outer").style.visibility = "visible";
	document.getElementById("gallery-bckg").style.visibility = "visible";
	document.getElementById("telo").style.overflow = "hidden";
	document.getElementById("main").style.overflow = "hidden";
	var mainWidth = parseInt(screen.availHeight);
	document.getElementById("main").style.height = mainWidth + "px";
	document.getElementById("gallery-bckg").style.height = mainWidth + "px";
	window.setTimeout("controlShow()", 200);
}

function nextImage() {
	var i = 0;
	var tmpNazev;
	var tmpPocet;
	tmpNazev = document.getElementById("gallery-img").title;
	i = parseInt(tmpNazev.slice(1,3)); 
	tmpPocet = parseInt(tmpNazev.slice(4)); 
	i++;
	tmpNazev = tmpNazev.slice(0,1);
	if(i > tmpPocet) {
		i = 1;
	}
	if(i < 10) {
		tmpNazev += "0" + i + "-" + tmpPocet;
	} 
	else {
		tmpNazev += i + "-" + tmpPocet;
	}
	document.getElementById("gallery-img").title = tmpNazev;
	document.getElementById("gallery-img").src = "img/fotky/" + tmpNazev.substr(0,3) + ".jpg";
}

function prevImage() {
	var i = 0;
	var tmpNazev;
	var tmpPocet;
	tmpNazev = document.getElementById("gallery-img").title;
	i = parseInt(tmpNazev.slice(1,3)); 
	tmpPocet = parseInt(tmpNazev.slice(4)); 
	i--;
	tmpNazev = tmpNazev.slice(0,1);
	if(i < 1) {
		i = tmpPocet;
	}
	if(i < 10) {
		tmpNazev += "0" + i + "-" + tmpPocet;
	} 
	else {
		tmpNazev += i + "-" + tmpPocet;
	}
	document.getElementById("gallery-img").title = tmpNazev;
	document.getElementById("gallery-img").src = "img/fotky/" + tmpNazev.substr(0,3) + ".jpg";
}

function startSlideShow(i, time_int){
	//cur_img_index = i;
	//if(i == 1){
	  //document.getElementById("im1").src="img/center1.png";
	  //document.getElementById("im2").src="img/center2.png";
	//}
	if(time_int == null){
	  time_int = 5000;
	}
	var cur = i;
	var cur_id = 2;
	var next_id = 1;
	  
	if( document.getElementById("im2").style.zIndex == 0 ){
	  cur_id = 1;
	  next_id = 2;
	}
	var next = i > 4 ? 1 : i + 1;
	var im_cur = document.getElementById("im"+cur_id);
	var im_next = document.getElementById("im"+next_id);
	im_next.src="img/center"+i+".jpg";
	im_cur.style.zIndex = 0;
	im_next.style.zIndex = 2;
	im_next.src="img/center"+next+".jpg";
	tmr=setTimeout("slideImage(960, 0,"+next+")",time_int);
}

function slideImage(i, j, n){
	i = i - 30;
	j = j - 6;
	var tmp = n > 4 ? 1 : n+1;
	var n_id = 2;
	//n_id = n == 1 ? 2 : n_id;
	var tmp_id = 1;
	if( document.getElementById("im2").style.zIndex == 0 ){
	  n_id = 1;
	  tmp_id = 2;
	}

	var im_cur = document.getElementById("im"+n_id);
	var im_next = document.getElementById("im"+tmp_id);
	if(n == 1){
	  im_cur.src="img/center1.jpg";
	}
	im_cur.style.marginLeft=i+"px";
	im_next.style.marginLeft=j+"px";
	var cvI = document.getElementById("coverImg");
	try{
	    cvI.style.opacity=Math.abs(j)/200;
	    cvI.filters.alpha.opacity=Math.abs(j)/2;
	}
	catch(err) {}
	tmr=setTimeout("slideImage("+i+", "+j+", "+n+")",1);
	i = i < 1 ? 0 : i;
	if(i == 0){
	  im_cur.style.marginLeft="13px"
	  clearTimeout(tmr);
	  var cvI = document.getElementById("coverImg");
	  try{
	    cvI.style.opacity=0.0;
	    cvI.filters.alpha.opacity=0;
	  }
	  catch(err){}
	  next_img_index = tmp;
	  cur_img_index = n;
	  //var im_next = document.getElementById("im"+tmp);
	  im_next.style.marginLeft="960px";
	  tmr=setTimeout("startSlideShow("+n+")");
	  //startSlideShow(n);
	  var bcElements = getElementsByClass('changeButton');
	 // alert('Delka seznamu je:'+bcElements);
	  for (index = 1; index < 6; index++) {
	    if(index == n){
	      bcElements[index-1].innerHTML = "<span>"+index+"</span>";
	    }
	    else {
	      bcElements[index-1].innerHTML = "<a href=\"#\" title=\""+index+"\" onclick=\"selectSlide("+index+")\"><span>"+index+"</span></a>";
	    }
	  }
		
		
	}
	
}

function konf_change(id, level){
	var selElement = document.getElementById(id);
	var val = selElement.options[selElement.selectedIndex].value;
	var divElm = document.getElementById('konf'+level);
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
		  divElm.innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("POST",'konfigurator.php',true);
	xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	var dotaz="level="+level+"&mark="+val;
	xmlhttp.send(dotaz);
}

function pauseSlideShow()
{
  clearTimeout(tmr);
  var cur = 1;
  var next = 2;
 // if( document.getElementById("im2").style.zIndex == 1 ){
    //alert("b" + parseInt(document.getElementById("im2").style.marginLeft));
    if( parseInt(document.getElementById("im2").style.marginLeft) <= 13 ){
      cur = 2;
      next = 1
    //  alert("b" + cur +" "+next);
    }
  //}
  //if( document.getElementById("im1").style.zIndex == 1 ){ 
    if( parseInt(document.getElementById("im1").style.marginLeft) <= 13 ){
      cur = 1;
      next = 2
       //alert("a" + cur +" "+next);
    }
  //}
  var im_cur = document.getElementById("im"+cur);
  var im_next = document.getElementById("im"+next);
  document.getElementById("pause").style.display="none";
  document.getElementById("play").style.display="block";
  im_cur.style.marginLeft = "13px";
  im_next.style.marginLeft = "960px";
  im_cur.style.zIndex = 2;
  im_next.style.zIndex = 0;
}

function unPauseSlideShow()
{
  tmr=setTimeout('startSlideShow('+cur_img_index+',1)',1)
  document.getElementById("play").style.display="none";
  document.getElementById("pause").style.display="block";
}

function selectSlide(index){
	pauseSlideShow();
	var cur_id = 2;
	var next_id = 1;
	  
	if( document.getElementById("im2").style.zIndex == 0 ){
	  cur_id = 1;
	  next_id = 2;
	}
	var im_cur = document.getElementById("im"+cur_id);
	im_cur.src="img/center"+index+".jpg";
	cur_img_index = index;
	var bcElements = getElementsByClass('changeButton');
	 // alert('Delka seznamu je:'+bcElements);
	  for (n = 1; n < 6; n++) {
	    if(index == n){
	      bcElements[n-1].innerHTML = "<span>"+n+"</span>";
	    }
	    else {
	      bcElements[n-1].innerHTML = "<a href=\"#\" title=\""+n+"\" onclick=\"selectSlide("+n+")\"><span>"+n+"</span></a>";
	    }
	  }
}

function setVarValue(varName, varValue){
	if (window.XMLHttpRequest)
	{// code for IE7+, Firefox, Chrome, Opera, Safari
	  xmlhttp=new XMLHttpRequest();
	}
	else
	{// code for IE6, IE5
	  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
		  if(varName == "jssupport_check"){
				setVarValue('jssupport', 1);
		  }
		  else if(varName == "jssupport"){
			//window.location.reload();
		  }
		}
	}
	xmlhttp.open("POST",'src/session_var.php',true);
	xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	var dotaz="set_var="+varName+"&set_var_val="+varValue;
	xmlhttp.send(dotaz);
}

function hideSlideWindow(){
  pauseSlideShow();
  setVarValue("slideshow", 0);
  var center = document.getElementById("center");
 // tmpCo = document.getElementById("im"+cur_img_index).src;
  center.innerHTML = "<div id=\"show2\"><a href=\"#\" title=\"zobrazit\" onclick=\"showSlideWindow()\"><span>zobrazit</span></a></div>\n";
  center.id = "centerHide";
  //center.innerHTML = tmpCo;
}

function showSlideWindow(){
  setVarValue("slideshow", 1);
  var center = document.getElementById("centerHide");
  center.id = "center";
  center.innerHTML = '<div id="borderImg"></div><div id="coverImg"></div> \
<img id="im2" src="img/center2.jpg" /> \
<img id="im1" src="img/center1.jpg" /> \
<div id="showImg"> \
    <div id="hide"><a href="#" title="skrýt" onclick="hideSlideWindow()"><span>skrýt</span></a></div></div> \
  <div id="changeImg"> \
    <div class="changeButton"><span>1</span></div> \
    <div class="changeButton"><a href="" title=""><span>2</span></a></div> \
    <div class="changeButton"><a href="" title=""><span>3</span></a></div> \
    <div class="changeButton"><a href="" title=""><span>4</span></a></div> \
    <div class="changeButton"><a href="" title=""><span>5</span></a></div> \
    <div id="pause"><a href="#" title="pause" onclick="pauseSlideShow()"><span>pause</span></a></div> \
	  <div id="play"><a href="#" title="play" onclick="unPauseSlideShow()"><span>play</span></a></div> \
      </div> \
    <div id="moreImg"><a href="" title="více informací">více informací</a></div>';
  unPauseSlideShow();
}