$(function(){
    $("#nav li a img").hover(function(){
        $(this).attr("src",$(this).attr("on"));
        },function(){
        $(this).attr("src",$(this).attr("off"));
    });
	var clientheight=window.document.documentElement.clientHeight;
	var clientwidth=window.document.documentElement.clientWidth;
	var mainwidth=clientwidth*3+1660;
	//var mainwidth2=clientwidth*2+2228;
	$("body,#main").css("height",clientheight);	
	$("#main").css("width",mainwidth);
	$("#aboutus, #service").css("width",clientwidth-100);
});


/****************** scollbar area ******************/
var clientwidth=window.document.documentElement.clientWidth;
var contactuswidth=$("#contactus").width();
var mainwidth=clientwidth*3+1660;
var mainwidth2=clientwidth*2+2228;

var scollbar_x = 1;
var area1_scollbar_x = 0;
var area2_scollbar_x = 1;
var area3_scollbar_x = 2;
var area4_scollbar_x = 3;

function changeMainSize()
{
	$("#main").css("width",mainwidth2);
	$("#contactus").css("width",contactuswidth);
}

function redirectCorllbar(xvalue)
{
	var scollbar_x = xvalue;
	
	if(scollbar_x == 0){
		$.scrollTo('#aboutus',1000, { axis:'x' } );
		setTimeout('changeMainSize()', 1000); 
	}

	if(scollbar_x == 1){
		$.scrollTo('#clientworks',1000, { axis:'x' } );
		setTimeout('changeMainSize()', 1000); 
	}

	if(scollbar_x == 2){
		$.scrollTo('#service',1000, { axis:'x' } );
		setTimeout('changeMainSize()', 1000); 
	}

	if(scollbar_x == 3){
		$.scrollTo('#contactus',1000, { axis:'x' } );
		
		$("#main").css("width",mainwidth);
		if( !$.browser.msie ){
			
			$("#contactus").css("width",clientwidth-20);
		}
		else{
			$("#contactus").animate({right:0},1000);
			$.scrollTo('+=500px', { axis:'x' } );
		}
	}
}


$(document).ready(function(){ 
	$.scrollTo('#clientworks',1000, { axis:'x' } );
});


/****************** our client & work area **************************/
var currentpic = 0;
var totalnum = 8;//piclist.length;

function linkClass()
{
	$('#navigate').find('a').each(function(i){
		$(this).removeClass('on');
		if(i == currentpic){
			$(this).addClass('on');
		}
	});
}

function changePage(doAction)
{
	doAction=='prev'?currentpic = currentpic-1:currentpic = currentpic+1;
	currentpic<0?currentpic = totalnum-1:currentpic = currentpic;
	currentpic>totalnum-1?currentpic = 0:currentpic = currentpic;
	$('#navigate').find('a').get(currentpic).click();
}
function chageIndex(data)
{
	$("div[id^=workscontent]").hide();
	currentpic = data-1;
}



$(document).ready(function() {
	$("#jCarouselLite").jCarouselLite({
		btnNext: ".next",
		btnPrev: ".prev",
		start: 0,
		visible: 1,
		speed: 1000,
		btnGo:["#nav_1","#nav_2","#nav_3","#nav_4","#nav_5","#nav_6","#nav_7","#nav_8"],
		afterEnd: function(a) {
			linkClass();
		}

	});
	$(".next").click(function(){
		$("div[id^=workscontent]").hide();
		++currentpic;
		currentpic>totalnum-1?currentpic = 0:currentpic = currentpic;

	});
	$(".prev").click(function(){
		$("div[id^=workscontent]").hide();
		--currentpic;
		currentpic<0?currentpic = totalnum-1:currentpic = currentpic;

	});

	linkClass();	
	

	 $("#jCarouselLite").hover(function(){
			var item = currentpic + 1;
			if(item == 4)
		    {
				$("#works4").attr('src','images/works4on.jpg');
				setTimeout($("#workscontent"+item).show(), 5000);
			}else{
				$("#workscontent"+item).show();
			}
	  },function(){
		   var item = currentpic + 1;
		   $("#workscontent"+item).hover(function(){
			    if(item == 4)
			   {
					$("#works4").attr('src','images/works4on.jpg');
					setTimeout($("#workscontent"+item).show(), 5000);
			   }else{
				$("#workscontent"+item).show();
			   }
			},function(){
					$("#workscontent"+item).hide();

					if(item == 4)
						setTimeout($("#works4").attr('src','images/works4.jpg'), 5000);
			});

		   $("#jCarouselLite").mouseout(function(){
				$("#workscontent"+item).hide();

				if(item == 4)
						setTimeout($("#works4").attr('src','images/works4.jpg'), 5000);
			});
	  });
			
 } );


/****************** about us **************************/

$(document).ready(function() {

	$("#digitaldotsmall").click(function(){
		$("#digitaldot").show("slow");

	});

	$("#digitaldot").click(function(){
		$("#digitaldot").hide("slow");

	});

	$("#digitaldot").mouseout(function(){
		$("#digitaldot").hide("slow");

	});
				
 } );