// JScript File

var effected = false;
var ImgIdx = 2;
function PreloadImg(){
    var img = new Image();
    img.src="/imageswitch/images/slash2.jpg";
    img.src="/imageswitch/images/slash3.jpg";
    img.src="/imageswitch/images/slash4.jpg";
    img.src="/imageswitch/images/slash5.jpg";
}	

function ClearEff(){
    effected = false;
}
$(document).ready(function(){
    PreloadImg();
    if(!$.browser.msie){
        $(".ExViewport").css("height","590px");
        $(".TestSection").css("height","600px");        
    }
    else{
        $(".DisplayStyle").css("display","none");    
        //$(".ExViewport").css("height","");
        //$(".ExamplesContainer").css("top","0px");
        //$(".TestSection").css("height","");    
    }
    $(".Section a").click(function(e){
        if(!$.browser!='msie'){
            if($(".ExViewport").css("height")!="auto"){
                $(".ExamplesContainer").animate({top:-$($(this).attr("href")).position().top},1000);
            }
            else{
                $(window).scrollTop($($(this).attr("href")).offset().top);
            }
            e.preventDefault();
        }
        $(".Section").removeClass("SectionSelection");
        $(this).parent().addClass("SectionSelection");
    });
    $(".DisplayList").click(function(e){
        $(".ExViewport").css("height","auto");
        $(".ExamplesContainer").css("top","0px");
        $(".TestSection").css("height","auto");
    });
    $(".DisplayTab").click(function(e){
        $(".ExViewport").css("height","390px");
        $(".TestSection").css("height","400px");
    });	    
    
    $(".FadeIn1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FadeIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".FadeIn2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FadeIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif", EffectOriginal: false},ClearEff);
        e.preventDefault();
    });
    $(".FadeIn3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FadeIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif", EffectOriginal: true, Speed: 5000},ClearEff);
        e.preventDefault();
    });	  	   
    //Fly In          
    $(".FlyIn1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".FlyIn2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            StartTop: -50, StartLeft: -100},ClearEff);
        e.preventDefault();
    });
    $(".FlyIn3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            StartTop: 50, StartLeft: 100, Speed:5000},ClearEff);
        e.preventDefault();
    });	
    $(".FlyIn4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            StartTop: 100, StartLeft: 0, Speed:2000, StartOpacity: 0.5},ClearEff);
        e.preventDefault();
    });	 
    //Fly Out          
    $(".FlyOut1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".FlyOut2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: -50, EndLeft: -100},ClearEff);
        e.preventDefault();
    });
    $(".FlyOut3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: 50, EndLeft: 100, Speed:5000},ClearEff);
        e.preventDefault();
    });	
    $(".FlyOut4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlyOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: 100, EndLeft: 0, Speed:2000, EndOpacity: 0.5},ClearEff);
        e.preventDefault();
    });	 
    //Flip In
    $(".FlipIn1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".FlipIn2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: -150, EndLeft: 0},ClearEff);
        e.preventDefault();
    });
    $(".FlipIn3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: -50, EndLeft: 300, Speed:2000},ClearEff);
        e.preventDefault();
    });	
    $(".FlipIn4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: 100, EndLeft: 200, StartOpacity: 1},ClearEff);
        e.preventDefault();
    });	     
    //Flip Out
    $(".FlipOut1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".FlipOut2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: -150, EndLeft: 0},ClearEff);
        e.preventDefault();
    });
    $(".FlipOut3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: -50, EndLeft: 300, Speed:2000},ClearEff);
        e.preventDefault();
    });	
    $(".FlipOut4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"FlipOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndTop: 100, EndLeft: 200, EndOpacity: 1},ClearEff);
        e.preventDefault();
    });	     
     //Scroll In
    $(".ScrollIn1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".ScrollIn2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EffectOriginal: false},ClearEff);
        e.preventDefault();
    });
    $(".ScrollIn3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"LeftRight"},ClearEff);
        e.preventDefault();
    });	
    $(".ScrollIn4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollIn",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"DownTop", EffectOriginal: false, StartOpacity:1},ClearEff);
        e.preventDefault();
    });	  
     //Scroll Out
    $(".ScrollOut1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".ScrollOut2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndOpacity:1},ClearEff);
        e.preventDefault();
    });
    $(".ScrollOut3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"LeftRight"},ClearEff);
        e.preventDefault();
    });	
    $(".ScrollOut4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"ScrollOut",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"DownTop", EndOpacity:1},ClearEff);
        e.preventDefault();
    });	     
     //Single Door
    $(".SingleDoor1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"SingleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".SingleDoor2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"SingleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            EndOpacity:1, Door1: "url(/imageswitch/images/metal.jpg) repeat"},ClearEff);
        e.preventDefault();
    });
    $(".SingleDoor3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"SingleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"LeftRight"},ClearEff);
        e.preventDefault();
    });	
    $(".SingleDoor4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"SingleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"DownTop", Door1: "url(/imageswitch/images/metal.jpg) repeat"},ClearEff);
        e.preventDefault();
    });	     
     //Double Door
    $(".DoubleDoor1").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"DoubleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif"},ClearEff);
        e.preventDefault();
    });
    $(".DoubleDoor2").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"DoubleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Door1: "url(/imageswitch/images/metal.jpg) repeat", Door2: "url(/imageswitch/images/metal.jpg) repeat"},ClearEff);
        e.preventDefault();
    });
    $(".DoubleDoor3").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"DoubleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"TopDown", Door1: "#EBC012", Door2: "#EBC012"},ClearEff);
        e.preventDefault();
    });	
    $(".DoubleDoor4").click(function(e){
        if(!effected)
        $("."+$(this).attr("rel")).ImageSwitch({Type:"DoubleDoor",NewImage:"/ImageSwitch/images/p"+ImgIdx+".gif",
            Direction:"DownTop", EffectOriginal: false},ClearEff);
        e.preventDefault();
    });	        
    //Common	 	        	        	  	               
    $(".TestEff").bind("click",function(){
        effected = true;
        if(ImgIdx<6){
            ImgIdx++;
        }else{
            ImgIdx = 1;
        }
    });
});