// JavaScript Document
$(document).ready(function() {

        $('#openContact').click(function() {
										 
			
							 
            

          $('#sideContact').animate({

            left: 540
		

          },300);
		  
		//  $('#contactContainer').expose({maskId:'mask', api: true, opacity: 0.8}).load();

        });
		
		 $('#closeContact').click(function() {
          

          $('#sideContact').animate({

            left: 0

          },300);
		  
		  
	//	  $('#contactContainer').expose({api: true}).close(); 
		  
		  
		  
        
});
		 // initialize scrollable  
      
$("div.scrollable").scrollable({ 
							   
		size: 1,
		
		keyboard: true,
		
		clickable: true,
             
        // items are auto-scrolled in 2 secnod interval 
        interval: 10000, 
         
        // when last item is encountered go back to first item 
        loop: true,  
         
        // make animation a little slower than the default 
        speed: 0, 
         
        // when seek starts make items little transparent 
        onBeforeSeek: function() { 
            this.getItems().fadeTo(0, 0);         
        }, 
         
        // when seek ends resume items to full transparency 
        onSeek: function() { 
            this.getItems().fadeTo(800, 1); 
        } 
    });     


// setup ul.tabs to work as tabs for each div directly under div.panes
	$("ul.tabs").tabs("div.pane", {
		
		effect: 'fade',
		fadeInSpeed: 1000,
		history: true
		
		
	});  
	  
	  
jQuery("ul.tabs a").click(function(event) {
    event.preventDefault();
});


	  
	  
});