var c = 0;
var t;
var timer_is_on = 0;
var czas_oczekiwania=3;

function timedCount() {
	c = c + 1;
	t = setTimeout("timedCount()", 1000);
	if (c >= czas_oczekiwania) {
		stopCount();
	}
}

function doTimer() {
	if (!timer_is_on) {
		timer_is_on = 1;
		timedCount();
		//zmien_klase_CSS("pokaz", "koszykInfoPokaz");
		//zmien_klase_CSS("pokazRysunek", "koszykDziekujePokaz");		
		pokazOkienkoDodalem();
	}
}

function stopCount() {
	clearTimeout(t);
	timer_is_on = 0;
	c = 0;
	//zmien_klase_CSS("ukryj", "koszykInfoPokaz");
	//zmien_klase_CSS("ukryjRysunek", "koszykDziekujePokaz");
	pokazOkienkoDodalem();
}

function zmien_klase_CSS(nazwa_nowej_klasy, element) {
	var el = document.getElementById(element);
	el.className = nazwa_nowej_klasy;
}

/*
 * Efekt Opacity(rozjasnienie) function setOpacity(obj, o) obj - obiekt value -
 * wartosc 10-mgla .. 90-zasloni
 */
function setOpacityKoszyk(obj, value) {
	obj.style.MozOpacity = (value / 100); // Mozilla i FireFox
	obj.style.KhtmlOpacity = (value / 100); // Safari < 1.2
	obj.style.opacity = (value / 100); // Safari 1.2, nowszy FireFox i Mozilla
	obj.style.filter = "alpha(opacity:" + value + ")"; // Internet Explorer
}

/*
function pokazPrzyciskKup(){
	var obiektPrzycisk = document.getElementById("div_sklep_koszyk_ajax");
	
	if( obiektPrzycisk.style.display=="" ){
		obiektPrzycisk.style.display="none";	
	}else if( obiektPrzycisk.style.display=="none" ){
		obiektPrzycisk.style.display="";	
	}else{
		obiektPrzycisk.style.display="";		
	}	
}*/

function ukryjElement(element){	
	if( element==null ){
	}
	else
	{
		element.style.display="none";
		setOpacityKoszyk(element, 100); 
	}	
}

function pokazElement(element){
	if( element==null ){
	}
	else
	{
		element.style.display="";
		setOpacityKoszyk(element, 100); 
	}
}

function pokazOkienkoDodalem() {
	var obiektOkno = document.getElementById("oknoDodaneDoKoszyka");//okienko podziekowania za zakup
	//var obiektSzare = document.getElementById("oknoSzare");//szara cala strona
	var obiektPrzycisk = document.getElementById("div_sklep_koszyk_ajax");//przycisk kupowania
	
	if( obiektOkno==null ){

		//-------------------------------------------------
		// tworzy szare tlo	
		/*
		var newDivTlo = document.createElement("div");
		myRozmBlok = rozmiarBloku("div_strona");
		
		newDivTlo.setAttribute("id", "oknoSzare");
		newDivTlo.className = 'szaraStrona';
		newDivTlo.style.width = '100%';
		newDivTlo.style.height = myRozmBlok[1]+'px';
		document.body.appendChild(newDivTlo);
		*/
		//-------------------------------------------------
		var mySizeTab = oknopozycja();//pobiera rozmiar ekranu
		myScrollTab = scrollpozycja();//pobiera polozenie scrolla
		myLeft = (mySizeTab[0] / 2) - 100;
		myTop = (mySizeTab[1] / 2) - 70 + myScrollTab[1];		
		// tworzy nowy element div
		var newDiv = document.createElement("div");
		newDiv.setAttribute("id", "oknoDodaneDoKoszyka");
		newDiv.className = 'okienkoCzekajDodaje';
		newDiv.style.top = myTop + 'px';
		newDiv.style.left = myLeft + 'px';
		// daje jego zawartosc
		/*newDiv.innerHTML = "<div style='background-image: url(gfx/przyciski/X_usun.png); background-repeat: no-repeat;" +
				"height:10px; width:10px; cursor:pointer; margin: 7px 7px; float:right;' onclick='stopCount();' ></div>" 
				+ "<div style='margin-top:100px; cursor:pointer; ' >" 
				+ "	<a href='index.php?a=koszyk' >" 
				+ "	 <img alt='Przejdz do koszyka' src='gfx/przyciski/koszykZobaczZawartosc2.jpg' title='Przejdz do koszyka' />" 
				+ "	</a>" 
				+ "</div>";	*/	
		newDiv.innerHTML = "<div id='okienkoDodajeAnimacja' style='margin:45px auto 0px auto; width:39px; height:60px; margin auto; background: url(themes/koszyk_animacja.gif) no-repeat; ' > </div>";						 
		// dodaje caly element do obiektu body
		document.body.appendChild(newDiv);
		//-------------------------------------------------
		
		ukryjElement(obiektPrzycisk);		
		$('#oknoDodaneDoKoszyka').stop(true, true).delay(1000).animate({opacity: 0}, 1000);
	}else if( obiektOkno.style.display=="" ){
		
		ukryjElement(obiektOkno);
		//ukryjElement(obiektSzare);
		pokazElement(obiektPrzycisk);
		
	}else if( obiektOkno.style.display=="none" ){
		
		mySizeTab = oknopozycja();//pobiera rozmiar ekranu
		myScrollTab = scrollpozycja();//pobiera polozenie scrolla
		myLeft = (mySizeTab[0] / 2) - 100;
		myTop = (mySizeTab[1] / 2) - 70 + myScrollTab[1];
		obiektOkno.style.top = myTop + 'px';
		obiektOkno.style.left = myLeft + 'px';
		
		pokazElement(obiektOkno);
		$('#oknoDodaneDoKoszyka').stop(true, true).delay(1000).animate({opacity: 0}, 1000);
		//pokazElement(obiektSzare);	
		ukryjElement(obiektPrzycisk);
		
	}else{
		
		ukryjElement(obiektOkno);
		//ukryjElement(obiektSzare);	
		pokazElement(obiektPrzycisk);
		
	}
}

/**
 * podaje rozmiar ekranu 
 * @return
 */
function oknopozycja() {
	var myWidth = 0, myHeight = 0;
	if (typeof (window.innerWidth) == 'number') {
		// Non-IE
		myWidth = window.innerWidth;
		myHeight = window.innerHeight;
	} else if (document.documentElement	&& (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
		// IE 6+ in 'standards compliant mode'
		myWidth = document.documentElement.clientWidth;
		myHeight = document.documentElement.clientHeight;
	} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
		// IE 4 compatible
		myWidth = document.body.clientWidth;
		myHeight = document.body.clientHeight;
	}
	return [ myWidth, myHeight ];
}

/**
 * Pobiera polozenie scrolla z okna przegladarki
 * @return array[X,Y]
 */
function scrollpozycja(){
	var scrOfX=0, scrOfY=0;
	if( typeof( window.pageYOffset ) == 'number' ) {
		//Netscape compliant
		scrOfY = window.pageYOffset;
	    scrOfX = window.pageXOffset;
	} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	    //DOM compliant
	    scrOfY = document.body.scrollTop;
	    scrOfX = document.body.scrollLeft;
	} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	    //IE6 standards compliant mode
	    scrOfY = document.documentElement.scrollTop;
	    scrOfX = document.documentElement.scrollLeft;
	}
	return [ scrOfX, scrOfY ];
}

/**
 * Podaje aktualny rozmiar bloku
 * @param nazwaBloku np. "div_strona"
 * @return
 */
function rozmiarBloku(nazwaBloku){
	var myWidth = 0, myHeight = 0;
	myHeight = document.getElementById(nazwaBloku).offsetHeight;
	myWidth = document.getElementById(nazwaBloku).offsetWidth;
	return [ myWidth, myHeight ];
	
	//alert("div_strona wys: "+wys+"szer: "+szer);
}

function pokazOkienkoWysylam(){	
	var obiektOkno = document.getElementById("oknoWysylamZamowienie");//okienko podziekowania za zakup
	var obiektSzare = document.getElementById("oknoSzare");//szara cala strona

	if( obiektOkno==null ){

		//-------------------------------------------------
		// tworzy szare tlo	
		var newDivTlo = document.createElement("div");
		myRozmBlok = rozmiarBloku("div_strona");
		
		newDivTlo.setAttribute("id", "oknoSzare");
		newDivTlo.className = 'szaraStrona';
		newDivTlo.style.width = '100%';
		newDivTlo.style.height = myRozmBlok[1]+'px';
		document.body.appendChild(newDivTlo);
		
		//-------------------------------------------------
		var mySizeTab = oknopozycja();//pobiera rozmiar ekranu
		myScrollTab = scrollpozycja();//pobiera polozenie scrolla
		myLeft = (mySizeTab[0] / 2) - 100;
		myTop = (mySizeTab[1] / 2) - 70 + myScrollTab[1];		
		// tworzy nowy element div
		var newDiv = document.createElement("div");
		newDiv.setAttribute("id", "oknoCzekajWysylamOpis");
		newDiv.className = 'czekajWysylamOpis';
		newDiv.style.top = myTop + 'px';
		newDiv.style.left = myLeft + 'px';
		// daje jego zawartosc
	 /*	newDiv.innerHTML = 	"<div style='margin-top:80px;' >" 
			+ "<img id='spinnerCzakajWysylam' src='gfx/spinner1.gif' alt='wysylam' />"  
			+ "</div>";	        */   
		newDiv.innerHTML = "<div style='margin:70px auto 0px auto; width:16px; height:16px; margin auto; background: url(themes/spinner1.gif) no-repeat; '  alt='..::Czekaj dodaje zamowienie::..' > </div>";	
		// dodaje caly element do obiektu body
		document.body.appendChild(newDiv);
		//-------------------------------------------------

	}else{
		
		ukryjElement(obiektOkno);
		ukryjElement(obiektSzare);	
		
	}
}

/*
function aaa(){
	// get the reference for the body
    var body = document.getElementsByTagName("body")[0];

    // creates a <table> element and a <tbody> element
    var tbl     = document.createElement("table");
    var tblBody = document.createElement("tbody");
    tbl.setAttribute("id", "oknoDodaneDoKoszyka");
    tbl.className = 'okienkoCzekajDodaje';
    // creating all cells
    for (var j = 0; j < 2; j++) {
    	// creates a table row
        var row = document.createElement("tr");
        for (var i = 0; i < 2; i++) {
            // Create a <td> element and a text node, make the text
            // node the contents of the <td>, and put the <td> at
            // the end of the table row
            var cell = document.createElement("td");
            var cellText = document.createTextNode("cell is row "+j+", column "+i);
            cell.appendChild(cellText);
            row.appendChild(cell);
         }
        // add the row to the end of the table body
        tblBody.appendChild(row);
    }
    // put the <tbody> in the <table>
    tbl.appendChild(tblBody);
    // appends <table> into <body>
    body.appendChild(tbl);
    // sets the border attribute of tbl to 2;
    tbl.setAttribute("border", "2");
}
*/