//
overlayHtml = "";
lrimages = new Array();
hrimages = new Array();

// document ready
jQuery(document).ready(function(){
	
	getLanguageContent();
	
	jQuery.ajax(
			{    
				type: "post", 
				url: "_includes/getHeaderImages.php", 
				data: {type:'low'},
				success: function(msg)
				{ 		
					eval(msg);
					for(k=0;k<limages.length;k++)
					{
						lrimages.push(limages[k]);
					}
				 } 
				
			 });// End of Request 
	jQuery.ajax(
			{    
				type: "post", 
				url: "_includes/getHeaderImages.php", 
				data: {type:'high'},
				success: function(msg)
				{ 		
					eval(msg);
//					alert(jQuery(himages).length);
					for(j=0;j<himages.length;j++)
					{
						hrimages.push(himages[j]);
					}
				} 
				
			 });// End of Request 
	
	setTimeout('overlayEffect(lrimages,hrimages)',2000);
	
	
});

function overlayEffect(lrimages,hrimages){

jQuery(".design_pattern a").click(function(){
	jQuery(".overlay_container,.overlay_bg").css({"display":"block"});
});

jQuery(".close_btn").click(function(){
	jQuery(".overlay_container").html(overlayHtml);
	jQuery(".overlay_bg").css({"display":"none"});
	overlayEffect(lrimages,hrimages);
	getLanguageContent();
});


var animSpeed = 500;
var itemWidth = 0;
var itemLength = jQuery(".myCarousal>ul>li").length;
var outerWidth = 114; //including padding margin and border width of "li" element
jQuery(".myCarousal>ul>li").each(function(){
	itemWidth = itemWidth+outerWidth+jQuery(this).width();
	jQuery(".myCarousal").css({"position":"relative","overflow":"hidden"});
	jQuery(".myCarousal>ul").css({"width":itemWidth+"px","position":"absolute","left":"0px"});
	jQuery(".prev").css({"display":"none"});
});

jQuery(".prev").click(function(){
	jQuery(".prev,.next").css({"visibility":"hidden"});
	jQuery(".arrows").append("<a href='javascript:void(0);' class='unbindPrev'>next</a><a href='javascript:void(0);' class='unbindNext'>next</a>");
	var presentLeft = parseInt(jQuery(".myCarousal>ul").css("left"));
	if(presentLeft!="0"){
		jQuery(".myCarousal>ul").animate({left:(itemWidth/itemLength)+presentLeft},animSpeed,function(){
			jQuery(".unbindNext,.unbindPrev").remove();
			jQuery(".next,.prev").css({"visibility":"visible"});
			jQuery(".next").css({"display":"block"});
		});
	}
	if(presentLeft==-(itemWidth/itemLength)){
		jQuery(".prev").css({"display":"none"});
	}
	
});

 
jQuery(".next").click(function(){
	jQuery(".next,.prev").css({"visibility":"hidden"});
	jQuery(".arrows").append("<a href='javascript:void(0);' class='unbindPrev'>next</a><a href='javascript:void(0);' class='unbindNext'>next</a>");
	var prevLeft =  parseInt(jQuery(".myCarousal>ul").css("left"));
	if(prevLeft!=-(itemWidth-(itemWidth/itemLength))){
		jQuery(".myCarousal>ul").animate({left:-(Math.abs(prevLeft)+(itemWidth/itemLength))},animSpeed,function(){
			jQuery(".unbindNext,.unbindPrev").remove();
			jQuery(".next,.prev").css({"visibility":"visible"});
			if(parseInt(jQuery(".myCarousal>ul").css("left"))!="0"){
				jQuery(".prev").css({"display":"block"});
			}
			if(parseInt(jQuery(".myCarousal>ul").css("left"))==-((itemWidth-(itemWidth/itemLength)))){
				jQuery(".next").css({"display":"none"});
			}
			
		});
	}
}); 

var sliderItemWidth = 0;
var sliderItemOuterWidth = 134;
var sliderItemLength = jQuery("#content-holder>li").length;
jQuery("#content-holder>li").each(function(){
	sliderItemWidth = sliderItemWidth+sliderItemOuterWidth+jQuery(this).width();
	jQuery(".slider_prev").css({"display":"none"});
});

jQuery("#content-holder>li:last").each(function(){
      jQuery(this).addClass("last_item");
});

	var arrayLength = jQuery(lrimages).length;
	jQuery(".total_items").html(arrayLength);
jQuery(function() {
		jQuery("#slider").slider({	 
			value:0,
			min: 0,
			max: arrayLength-1,
			step: 1,
			slide: handleSlide,
			change: handleChange,
			stop: handleStop
		});
		
		function handleSlide(event, ui){
			jQuery("#mySliderImage").attr('src', lrimages[ui.value]);
			jQuery(".present_item").html(jQuery("#slider").slider("value")+1);
		}
		function handleChange(event, ui){
			jQuery("#mySliderImage").attr('src', hrimages[ui.value]).load(function(){
				jQuery(this).parent().find(".loader").remove();	
				jQuery(".present_item").html(jQuery("#slider").slider("value")+1);
			});
		}
		function handleStop(event, ui){
			jQuery("#mySliderImage").parent().append('<img class="loader" src="_images/trp-loader.gif" alt="loading" />');
			jQuery("#mySliderImage").attr('src', hrimages[ui.value]).load(function(){
				jQuery(this).parent().find(".loader").remove();		
			});
			if(jQuery("#slider").slider("value")==(arrayLength-1)){
				jQuery(".slider_next").css({"display":"none"});
			}
			else{
				jQuery(".slider_next").css({"display":"block"});
			}
			if(jQuery("#slider").slider("value")==0){
				jQuery(".prev").css({"display":"block"});
				jQuery(".slider_prev").css({"display":"none"});
			}
			else{
				jQuery(".slider_prev").css({"display":"block"});
			}
			jQuery(".present_item").html(jQuery("#slider").slider("value")+1);
		}
		
	});

jQuery("#slider").slider("value", jQuery("#slider").slider("value"));
jQuery(".slider_prev").css({"display":"none"});
jQuery(".slider_next").click(function(){
	if(jQuery("#slider").slider("value")==(arrayLength-2)){
		jQuery(".slider_next").css({"display":"none"});
	}
	if(jQuery("#slider").slider("value")==0){
		jQuery(".prev").css({"display":"none"});
		jQuery(".slider_prev").css({"display":"block"});
	}
	jQuery("#mySliderImage").attr('src', lrimages[jQuery("#slider").slider("value")]);
	jQuery("#mySliderImage").parent().append('<img class="loader" src="_images/trp-loader.gif" alt="loading" />');
	jQuery("#slider").slider("value", jQuery("#slider").slider("value")+1);
});
	
jQuery(".slider_prev").click(function(){
	if(jQuery("#slider").slider("value")==1){
		jQuery(".prev").css({"display":"block"});
		jQuery(".slider_prev").css({"display":"none"});
	}
	if(jQuery("#slider").slider("value")!=(arrayLength-3)){
		jQuery(".slider_next").css({"display":"block"});
	}
	jQuery("#mySliderImage").attr('src', lrimages[jQuery("#slider").slider("value")]);
	jQuery("#mySliderImage").parent().append('<img class="loader" src="_images/trp-loader.gif" alt="loading" />');
	jQuery("#slider").slider("value", jQuery("#slider").slider("value")-1);
});

overlayHtml = jQuery(".overlay_container").html();
jQuery(".overlay_container").css({"visibility":"visible","display":"none"});

}

function getLanguageContent()
{
	jQuery(".language").click(function(){
		jQuery(".language").removeClass("selected");
		jQuery(this).addClass("selected");
		
		jQuery(".language_content").hide();
		jQuery(".language_content").eq(jQuery(".language").index(this)).show();
	});
}