var tooltip=function(){
	var id = 'tt';
	var top = 3;
	var left = 3;
	var maxw = 300;
	var speed = 10;
	var timer = 100;
	var loopTimeoutInc = 6000;
	var loopTimeoutStart = 3000;
	var loopTimer;
	//var endalpha = 95;
	var endalpha = 100;
	var alpha = 0;
	var tt,t,c,b,h,v;
	var zapati,tt1,tt2,tt3,tt4;
	var zapatiId ='Zapati';
	var ttIdArray = new Array('ZapatiPoutac_01','ZapatiPoutac_02','ZapatiPoutac_03','ZapatiPoutac_04');
	var ttIdArrayRotated;
	var randNum = Math.floor((3-(-1))*Math.random()) + 0;
//	var ttId1 = 'ZapatiPoutac_01';
//	var ttId2 = 'ZapatiPoutac_02';
//	var ttId3 = 'ZapatiPoutac_03';
//	var ttId4 = 'ZapatiPoutac_04';
	var ttDispId1 = 'ZapatiPoutacDisp_1';
	var ttDispId2 = 'ZapatiPoutacDisp_2';
	var ttDisp1, ttDisp2;
	var html1,html2,html3,html4,html;
	var doc, olddiv;
	var ie = document.all ? true : false;
	return{
		show:function(tt){
			if(tt == null){
			  	tt = document.getElementById('ZapatiBan_02');
			} 
			tt.style.display = 'block';
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){tooltip.fade(tt,1)},timer);
		},
		fade:function(tt,d){
			var a = alpha;
			if((a != endalpha && d == 1) || (a != 0 && d == -1)){
				var i = speed;
				if(endalpha - a < speed && d == 1){
					i = endalpha - a;
				}else if(alpha < speed && d == -1){
					i = a;
				}
				alpha = a + (i * d);
				tt.style.opacity = alpha * .01;
				tt.style.filter = 'alpha(opacity=' + alpha + ')';
			}else{
				clearInterval(tt.timer);
				if(d == -1){tt.style.display = 'none'}
			}
		},
		hide:function(tt){
			clearInterval(tt.timer);
			tt.timer = setInterval(function(){tooltip.fade(tt,-1)},timer);
		},
		removeElement:function(divParent,divChild) {
			var doc = document.getElementById(divParent);
			var olddiv = document.getElementById(divChild);
			doc.removeChild(olddiv);
		},
		setHTML:function(ttId,html) {
			var d = document.getElementById(ttId);
			d.innerHTML=html;
		},
		rotate:function(a /*array*/, p /* integer, positive integer rotate to the right, negative to the left... */){
		    for(var l = a.length, p = (Math.abs(p) >= l && (p %= l), p < 0 && (p += l), p), i, x; p; p = (Math.ceil(l / p) - 1) * p - l + (l = p))
			for(i = l; i > p; x = a[--i], a[i] = a[i - p], a[i - p] = x);
		    return a;
		},
		sequence:function(){
		  	tooltip.loopTimeout1 = setTimeout(function(){tooltip.show(ttDisp2)},loopTimeoutStart); //vidim 2 ve 2
			tooltip.loopTimeout1_5 = setTimeout(function(){tooltip.setHTML(ttDispId1,html3)},loopTimeoutStart+1500);
			tooltip.loopTimeout2 = setTimeout(function(){tooltip.hide(ttDisp2)},loopTimeoutStart+loopTimeoutInc); //vidim 3 v 1
			tooltip.loopTimeout2_5 = setTimeout(function(){tooltip.setHTML(ttDispId2,html4)},loopTimeoutStart+loopTimeoutInc+1500);
			tooltip.loopTimeout3 = setTimeout(function(){tooltip.show(ttDisp2)},loopTimeoutStart+2*loopTimeoutInc); //vidim 4 ve 2
			tooltip.loopTimeout3_5 = setTimeout(function(){tooltip.setHTML(ttDispId1,html1)},loopTimeoutStart+2*loopTimeoutInc+1500);
			tooltip.loopTimeout4 = setTimeout(function(){tooltip.hide(ttDisp2)},loopTimeoutStart+3*loopTimeoutInc); //vidim 1 v 1
			tooltip.loopTimeout4_5 = setTimeout(function(){tooltip.setHTML(ttDispId2,html2)},loopTimeoutStart+3*loopTimeoutInc+1500);
			//tooltip.loopTimeout5 = setTimeout(function(){tooltip.show(tt2)},5*loopTimeout); //vidim 3 v 2
			//tooltip.loopTimeout5_5 = setTimeout(function(){tooltip.setHTML(ttId1,html1)},5*loopTimeout+1500);
			//tooltip.loopTimeout6 = setTimeout(function(){tooltip.hide(tt2)},6*loopTimeout); //vidim 1 v 1
			//tooltip.loopTimeout6_5 = setTimeout(function(){tooltip.setHTML(ttId2,html2)},6*loopTimeout+1500);
		},
		loop:function(){
		  	zapati = document.getElementById(zapatiId);
			ttDisp1 = document.getElementById(ttDispId1);
			ttDisp2 = document.getElementById(ttDispId2);
			ttIdArrayRotated = tooltip.rotate(ttIdArray,randNum);
			tt1 = document.getElementById(ttIdArrayRotated[0]);
			html1 = tt1.innerHTML;
			tt2 = document.getElementById(ttIdArrayRotated[1]);
			html2 = tt2.innerHTML;
			tt3 = document.getElementById(ttIdArrayRotated[2]);
			html3 = tt3.innerHTML;
			tt4 = document.getElementById(ttIdArrayRotated[3]);
			html4 = tt4.innerHTML;
			tooltip.removeElement(zapatiId,ttIdArray[0]);
			tooltip.removeElement(zapatiId,ttIdArray[1]);
			tooltip.removeElement(zapatiId,ttIdArray[2]);
			tooltip.removeElement(zapatiId,ttIdArray[3]);
			tooltip.setHTML(ttDispId1,html1);
			tooltip.setHTML(ttDispId2,html2);
			tooltip.sequence();
			loopTimer = 4*loopTimeoutInc;
			clearInterval(tooltip.loopTimer);
			tooltip.loopTimer = setInterval(function(){tooltip.sequence()},loopTimer);
		}
	};
}();