// JavaScript Document
var folioCurimg = 1;
var folioPrevimg = 0;
	jQuery(document).ready(function(){
		
		jQuery('.swap').mouseover(function(){
			//test = jQuery(this).attr("src",replace(".png","2.png"));
			 //test = test.replace(".png","2.png");
			//alert(jQuery(this).attr("src").replace(".png","2.png"))
			 jQuery(this).attr("src",jQuery(this).attr("src").replace(".png","2.png"));
			
		});
		
		jQuery('.swap').mouseout(function(){
			//test = jQuery(this).attr("src");
			//test = test.replace("2.png",".png");
			// alert(test)
			 jQuery(this).attr("src",jQuery(this).attr("src").replace("2.png",".png"));
			
		});
		//jQuery('div').pngFix( );
		
		jQuery(".folioNavs").animate({opacity:50},1);
		folioSetup(folioCurimg);
		
		jQuery(".folioDot").mouseover(function(){
			temp = jQuery(this).attr("id").replace("folioDot","");
			if(temp!=folioCurimg){
				jQuery(this).attr("src",jQuery(this).attr("src").replace(".png","2.png"));
			}
		 });
		
		
		jQuery('.folioDot').mouseout(function(){
			temp = jQuery(this).attr("id").replace("folioDot","");
			if(temp!=folioCurimg){
			 jQuery(this).attr("src",jQuery(this).attr("src").replace("2.png",".png"));
			}
			
		});
		
		jQuery('.folioDot').click(function(){
			folioPrevimg = folioCurimg;	
			folioCurimg = jQuery(this).attr("id").replace("folioDot","");
			if(folioPrevimg!=folioCurimg){
				folioSetup(folioCurimg);
				moveImg();
			}
		});
		
		
	});
	
	function folioSetup(currentImg){
		folioCurimg = currentImg;
		//jQuery("#folioDot"+folioCurimg).attr("src",jQuery("#folioDot"+folioCurimg).attr("src").replace("2.png","2.png"));
		jQuery("#folioImg"+folioCurimg).animate({marginLeft:0+"px"},500);
		
		if(folioPrevimg!=0){
			jQuery("#folioImg"+folioPrevimg).animate({marginLeft:-576+"px"},500);
			jQuery("#folioDot"+folioPrevimg).attr("src",jQuery("#folioDot"+folioPrevimg).attr("src").replace("2.png",".png"));
		}
		
	}
	
	function moveImg(){
		jQuery("#folioImg"+folioPrevimg).animate({marginLeft:576+"px"},1);
	}
	
	function hideElement(eID){
		
		document.getElementById(eID).style.display = "none";
	}