/* Custom Font */
Cufon.replace('p', { fontFamily: 'Century Gothic', hover:true});
Cufon.replace('h3', { fontFamily: 'Century Gothic', hover:true});
Cufon.replace('li', { fontFamily: 'Century Gothic', hover:true});

/* Multi-page Slider js */
	var active = 0;
	
	$(function(){
		$('#image-wrapper').append('<div id="overlay-right"></div><div id="overlay-left"></div>');
		//$.scrollTo('#try',600);
		var maxsize=$('#images td').size();
		$('#images td').each(function(){
			$(this).addClass('img'+($('#images td').index($(this))+1)+'');
		});
		$('#overlay-left').mouseenter(function(){
			if(active!=0)
			{
				$(this).addClass('appear');
			}
		}).mouseout(function(){
			$(this).removeClass('appear');
		});
		$('#overlay-right').mouseenter(function(){
			if(active+1 < maxsize+1)
			{
				$(this).addClass('appear');
			}
		}).mouseout(function(){
			$(this).removeClass('appear');
		});
		
		$('#btn-right, #overlay-right').bind('click',function(){
			if(active+1==maxsize+1){
				
			}else if(active == 0){
				active++;
				//$.scrollTo('.img'+active,300,{axis:'x'});
				var cur = $("#scroller").slider("option", "value");
				$("#scroller").slider("value", 427);				
			}else{
				active++;
				//$.scrollTo('.img'+active,300,{axis:'x'});
				var cur = $("#scroller").slider("option", "value");
				//$("#scroller").slider("option", "value", cur+777);
				$("#scroller").slider("value", ((active-1)*777)+427);
			}
		});
		
		$('#btn-left, #overlay-left').bind('click',function(){
			if(active==0){
				
			}
			else if(active-1<1){
				active=0;
				//$.scrollTo({ top:0, left:0},600);
				$("#scroller").slider("value", 0);
			}else{
				active--;
				//$.scrollTo('.img'+active,300,{axis:'x'});
				var cur = $("#scroller").slider("option", "value");
				//$("#scroller").slider("option", "value", cur-777);
				$("#scroller").slider("value", ((active-1)*777)+427);
			}
		});
		
		$('#logo').bind('click',function(){
			active = 0;
			$.scrollTo(0,300,{axis:'x'});
			$("#scroller").slider("value", 0);
		});
	});
	
	$(window).load(function(){
		$('body').append('<div id="scroller-outer"><div id="scroller"></div></div>');
		$("body").css("overflow", "hidden");
		$("#scroller").slider({
			animate: true,
			max: ($('#wrapper').width()-1350),
			orientation: 'horizontal',
			change: handleSliderChange
		  });
	});
	
	
	  function handleSliderChange(e, ui)
		{
			$.scrollTo(ui.value,300,{axis:'x'});
			if(ui.value == 0){
				active = 0;
			}
			else if(ui.value < 1204){
				active = 1;
			}else{
				active = Math.ceil((ui.value -1203) / 777)+1;
			}
			
		}
		
		function handleSliderSlide(e, ui)
		{
		  $('body').css("scrollLeft", "-" + ui.value + "px");
		}