// changing the project image 
$(document).ready(	
	function () {
		$(".projectMediaList li a").click(function(){
			$(".projectImage").attr("src", $(this).attr("href"));
			return false;
		});
		
	}
);


try {
    // to chech if the device is touch screen
	document.createEvent("TouchEvent");
	
	$(document).ready(	
		function () {
			$(".projectMediaList li").css("width", "auto");
			$(".projectMediaList li img").css("height", "38px");
			$(".projectMediaList li img").css("width", "53px");
			
			var projectMediaListWidth = 0;
			
			$(".projectMediaList li").each(function() {
				$(this).css("width", parseInt($(this).css("width").replace("px", "")) + "px");
				projectMediaListWidth += 
					parseInt($(this).css("width").replace("px", "")) + 
					parseInt($(this).css("margin-right").replace("px", "")) + 
					parseInt($(this).css("margin-left").replace("px", ""));
			});
			$(".projectMediaList").css("width", projectMediaListWidth + "px");
			
		}
	);
 	
 	var jQT = new $.jQTouch({
	  touchSelector:'.projectMediaList li div img', 
	  useFastTouch: false

	});
	
	var position = 0;

	$(function(){
	    
	    // Orientation callback event
	    $('body').bind('turn', function(e, data){
	    	$(".projectMediaList").css("left", "0px");
	    	position = 0;
	    });
	});
	
	$(function(){
  	
	    $('.projectMediaList li div img').bind('swipe', function(event, info){
	        
	    	var cw = parseInt($(".projectMediaListContainer").css("width").replace("px", ""));
  			var ld = parseInt($(".projectMediaList").css("width").replace("px", ""));
	    	  
			if(info.direction == "left") {
				if(cw < ld + position) {
					position = position - 200;				
					$(".projectMediaList").animate({
					    left: position,
					  }, 'slow');
//					$(".projectMediaList").css("left", position + "px");
				}
			}
			else {
				if(position < 0) {
					position = position + 200;
					$(".projectMediaList").animate({
					    left: position,
					  }, 'slow');
//					$(".projectMediaList").css("left", position + "px");
				}
			}
	    });
	});	
	 
} 
catch (e) {
    $(document).ready(function($) {
    	$(".projectMediaList li").css("width", "auto");
		$(".projectMediaList li img").css("height", "38px");
		$(".projectMediaList li img").css("width", "53px");
		scrollbar();
		$(window).resize(function() {
			scrollbar();
		});
	});

}


function scrollbar() {
	if($(".projectMediaListContainer").html()) {

		$(".wt-scroller").removeAttr("style");
		$(".slides").removeAttr("style");
		$(".projectMediaList").removeAttr("style");
		$(".lower-panel").empty();
		$("#overlay").remove();
		$("#lightbox").remove();
		
		$(".projectMediaList li img").css("height", "38px");
		$(".projectMediaList li img").css("width", "53px");
		
		
		var numDisplay = parseInt($(".project").css("width").replace("px", "")) / 54;
		numDisplay = parseInt(numDisplay);
		
	
		var n = $(".projectMediaList li").length;

		if(numDisplay < n) {
			var captionPos = "inside";
			var $container = $(".projectMediaListContainer");	
			$container.wtScroller({
			num_display:numDisplay ,
			slide_width:55,
			slide_height:40,
			slide_margin:0,
			button_width:30,
			ctrl_height:4,
			margin:0,	
			auto_scroll:false,
			scroll_speed:1000,

			
			});
		}
		
		$(".wt-scroller").css("width", "100%");
		$(".slides").css("width", "100%");
		$(".lower-panel").css("width", "100%");
		$(".scroll-bar").css("width", "100%");
	}			
	
	
}