// JavaScript Document
	$(function() {
			function changeOpac(opacity, id) {
		    var object = document.getElementById(id).style;
		    object.opacity = (opacity / 100);
		    object.MozOpacity = (opacity / 100);
		    object.KhtmlOpacity = (opacity / 100);
		    object.filter = "alpha(opacity=" + opacity + ")";
		}
		function blendimage(divid, imageid, imagefile, millisec) {
		    var speed = Math.round(millisec / 100);
		    var timer = 0;
		    
		    //set the current image as background
//		    document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).src + ")";
		    
		    //make image transparent
//		    changeOpac(0, imageid);
		    
		    //make new image
		    document.getElementById(imageid).src = imagefile;
		
		    //fade in image
//		    for(i = 0; i <= 100; i++) {
//		        setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
//		        timer++;
//		    }
		} 
		
		$(document).ready(function()
	{	
		
		$(".vertical .jCarouselLite1 img").attr("src", $(".0 img").attr("file"));
		$(".vertical .jCarouselLite1").jCarouselLite1({
			btnNext: ".vertical .next",
        	btnPrev: ".vertical .prev",
			auto: 1000,
		    speed: 3000,
		   
		    beforeStart: function(li)
		    {
		    	$(".carousel li").removeClass("active");
		    	var li=$(li)[1];
		    	var a=$(li).find("a");
		    	a.click();
		    	$(li).addClass("active");
		    	var ig = $(a).find("img");
		    	$('#pro1').attr('height',$(ig).attr("h"));
		    	$('#pro1').attr('width',$(ig).attr("w"));
		    	$('#pro1').css("padding-top",$(ig).attr("p")+"px");
		    	blendimage("sa","pro1",$(ig).attr("file"),1500);
		    	
		    }
		});
		
		$(".carousel img").click(function(){
			$('#pro1').attr('height',$(this).attr("h"));
		    $('#pro1').attr('width',$(this).attr("w"));
			blendimage("sa","pro1",$(this).attr("file"),1500);
		});
		
	});
		
});