﻿/*******************************************
	Toggle Photos Script by Suntrader Networks, Aug 27 2008
	
	The script targets the following HTML code:
	<a id="tabber_link" href="Default Link"> <img id="tabber_img" src="Default Image" style="Style Freely" title="Default Title" position="1"> </a>
	
	Modify urlPrefix to match your website.
	
*******************************************/

urlPrefix = "http://www.yamitpool.co.il/wp-content/uploads/toggle";

if (document.images) {
			img1 = new Image();
			img1.src = urlPrefix+"1.jpg";
			img2 = new Image();
			img2.src = urlPrefix+"2.jpg";
			img3 = new Image();
			img3.src = urlPrefix+"3.jpg";
			img4 = new Image();
			img4.src = urlPrefix+"4.jpg";
			img5 = new Image();
			img5.src = urlPrefix+"5.jpg";
		}


function FadeIn(j) {
	ShadeHandle = document.getElementById("tabber_img");
	if (j!=0) {j10 = j/100;} else {j10=".0";}
	// new_shade = "opacity:"+j10+"; -moz-opacity:"+j10+"; filter: alpha(opacity="+j+");";
	ShadeHandle.style.opacity = j10;
	ShadeHandle.style.MozOpacity = j10;
	ShadeHandle.style.filter = "alpha(opacity="+j+")";
	// ShadeHandle.setAttribute("style",new_shade);
	g=j+10;
	if (g<=100) setTimeout("FadeIn(g)",50);
}

function FadeOut(h) {
	ShadeHandle = document.getElementById("tabber_img");
	if (h!=0) {h10 = h/100;} else {h10=".0";}
	// new_shade = "opacity:"+h10+"; -moz-opacity:"+h10+"; filter: alpha(opacity="+h+");";
	ShadeHandle.style.opacity = h10;
	ShadeHandle.style.MozOpacity = h10;
	ShadeHandle.style.filter = "alpha(opacity="+h+")";
	// ShadeHandle.setAttribute("style",new_shade);
	c=h-10;
	if (c>=0) {setTimeout("FadeOut(c)",50);} else {setTimeout("SwitchIMG()",50);}
}


function SwitchIMG() {
SourceHandle = document.getElementById("tabber_img");
LinkHandle = document.getElementById("tabber_link");
position = document.getElementById("tabber_img").getAttribute("position");

switch(position) {
case "1":
	position="2";
	new_link = urlPrefix+position+".jpg";
	new_title = "שחיית תינוקות";
break;
case "2":
	position="3";
	new_link = urlPrefix+position+".jpg";
	new_title = "הפעלה לילדים במים";
break;
case "3":
	position="4";
	new_link = urlPrefix+position+".jpg";
	new_title = "פינוקים במים";
break;
case "4":
	position="5";
	new_link = urlPrefix+position+".jpg";
	new_title = "הידרותרפיה";
break;
case "5":
	position="1";
	new_link = urlPrefix+position+".jpg";
	new_title = "הבריכה של ימית";
break;
case "6":
	position="1";
	new_link = urlPrefix+position+".jpg";
	new_title = "הבריכה של ימית";
break;	
}

document.getElementById("tabber_img").setAttribute("position",position);

new_src = urlPrefix+position+".jpg";
SourceHandle.setAttribute("src",new_src);

LinkHandle.setAttribute("href",new_link);
SourceHandle.setAttribute("title",new_title);

FadeIn(10);
}


function ToggleImage() {

FadeOut(100);

tg = setTimeout("ToggleImage()",7000);
}

function StartToggle()
{
hd = setTimeout(ToggleImage,7000);
}
