$(function(){
	
	// Preload Images
	pic1= new Image(638, 204); 
	pic1.src="../assets/content-about.jpg"; 

	pic2= new Image(638, 204); 
	pic2.src="../assets/content-commercial-account.jpg"; 

	pic3= new Image(638, 204); 
	pic3.src="../assets/content-confirmation.jpg"; 

	pic4= new Image(638, 204); 
	pic4.src="../assets/content-contact.jpg"; 

	pic5= new Image(638, 204); 
	pic5.src="../assets/content-copying.jpg"; 

	pic6= new Image(638, 204); 
	pic6.src="../assets/content-corporate-marketing.jpg"; 

	pic7= new Image(638, 204); 
	pic7.src="../assets/content-graphic-design.jpg"; 

	pic8= new Image(638, 204); 
	pic8.src="../assets/content-photo-services.jpg"; 


	pic9= new Image(638, 204); 
	pic9.src="../assets/content-printing.jpg"; 


	pic10= new Image(638, 204); 
	pic10.src="../assets/content-quote.jpg"; 

	pic11= new Image(638, 204); 
	pic11.src="../assets/content-real-estate-account.jpg"; 

	pic12= new Image(638, 204); 
	pic12.src="../assets/content-sign-banner.jpg"; 

	pic13= new Image(638, 204); 
	pic13.src="../assets/content-uploads.jpg"; 

	pic14= new Image(638, 204); 
	pic14.src="../assets/content-web-design.jpg"; 

	function slideSwitch() {
	    var $active = $('#slideshow IMG.active');
	
	    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');
	
	    // use this to pull the images in the order they appear in the markup
	    var $next =  $active.next().length ? $active.next()
	        : $('#slideshow IMG:first');	
	    $active.addClass('last-active');
	
	    $next.css({opacity: 0.0})
	        .addClass('active')
	        .animate({opacity: 1.0}, 1000, function() {
	            $active.removeClass('active last-active');
	        });
	}
	
	
	$('#tab_1').css('display','block');
	$('#tab1_button').css('color','#cc2e3d');
	
	$('#tab1_button').click(function(){
		hideTabs();
		$('#tab_header').css('backgroundImage','url(../assets/images/three_tab_1.png)');
		$('#tab1_button').css('color','#cc2e3d');
		$('#tab_1').css('display','block');
	});

	$('#tab2_button').click(function(){
		hideTabs();
		$('#tab_header').css('backgroundImage', 'url(../assets/images/three_tab_2.png)');
		$('#tab2_button').css('color','#cc2e3d');
		$('#tab_2').css('display','block');
	});


	$('#tab3_button').click(function(){
		hideTabs();
		$('#tab_header').css('backgroundImage', 'url(../assets/images/three_tab_3.png)');
		$('#tab3_button').css('color','#cc2e3d');
		$('#tab_3').css('display','block');
	});
	
	function hideTabs(){
		$('#tab1_button').css('color','#0093d0');
		$('#tab2_button').css('color','#0093d0');
		$('#tab3_button').css('color','#0093d0');
		$('#tab_1').css('display','none');	
		$('#tab_2').css('display','none');	
		$('#tab_3').css('display','none');	
	}
		
	if($("div.scrollable1").length > 0 ) {	
		//Scrollable 1
		$("div.scrollable1").scrollable({ 
		    clickable: false
		});     	
		var api1 = $("div.scrollable1").scrollable({api: true}); 
		$('.left1').click(function(){
			api1.prev();
		});
		$('.right1').click(function(){
			api1.next();
		});
	}
	if($("div.scrollable2").length > 0 ) {	
		//Scrollable 2
		$("div.scrollable2").scrollable({ 
		    clickable: false
		});     	
		var api2 = $("div.scrollable2").scrollable({api: true}); 
		$('.left2').click(function(){
			api2.prev();
		});
		$('.right2').click(function(){
			api2.next();
		});	
	}	
	if($("div.scrollable3").length > 0 ) {	
		//Scrollable 3
		$("div.scrollable3").scrollable({ 
		    clickable: false
		});     	
		var api3 = $("div.scrollable3").scrollable({api: true}); 
		$('.left3').click(function(){
			api3.prev();
		});
		$('.right3').click(function(){
			api3.next();
		});
	}
	if($("div.scrollable4").length > 0 ) {	
		//Scrollable 4
		$("div.scrollable4").scrollable({ 
		    clickable: false
		});     	
		var api4 = $("div.scrollable4").scrollable({api: true}); 
		$('.left4').click(function(){
			api4.prev();
		});
		$('.right4').click(function(){
			api4.next();
		});
	}
	if($("div.scrollable5").length > 0 ) {	
		//Scrollable 5
		$("div.scrollable5").scrollable({ 
		    clickable: false
		});     	
		var api5 = $("div.scrollable5").scrollable({api: true}); 
		$('.left5').click(function(){
			api5.prev();
		});
		$('.right5').click(function(){
			api5.next();
		});
	}
	if($("div.scrollable6").length > 0 ) {	
		//Scrollable 6
		$("div.scrollable6").scrollable({ 
		    clickable: false
		});     	
		var api6 = $("div.scrollable6").scrollable({api: true}); 
		$('.left6').click(function(){
			api6.prev();
		});
		$('.right6').click(function(){
			api6.next();
		});
	}	
	if($("a[rel]").length > 0 ) {	
		$("a[rel]").overlay();
	}
});