jQuery(document).ready(function() {




      jQuery("#slider").SexySlider({



        width     : 649,



        height    : 300,



        delay     : 4000,



        strips    : 3,

		

		effect	  : 'random',

		

        autopause : true,



       /* navigation: '#navigation',*/



        control   : '#control'



      });







//Get the height of the first item



	jQuery('#mask').css({'height':jQuery('#'+jQuery('#panel:first').attr('data-value')).height()});	



	



	//Calculate the total width - sum of all sub-panels width



	//Width is generated according to the width of #mask * total of sub-panels



	jQuery('#panel').width(parseInt(jQuery('#mask').width() * jQuery('#panel div').length));



	



	//Set the sub-panel width according to the #mask width (width of #mask and sub-panel must be same)



	jQuery('#panel div').width(jQuery('#mask').width());



	



	//Get all the links with rel as panel



	jQuery('a[rel=panel]').click(function () {







		//Get the height of the sub-panel







		//var panelheight = jQuery(jQuery(this).attr('href')).height();



		var panelheight = jQuery('#'+jQuery(this).attr('data-value')).height();



		



		//Set class for the selected item



		jQuery('a[rel=panel]').removeClass('selected');



		jQuery(this).addClass('selected');



		



		//Resize the height



		jQuery('#mask').animate({'height':panelheight},{queue:false, duration:500});			



		



		//Scroll to the correct panel, the panel id is grabbed from the href attribute of the anchor



		jQuery('#mask').scrollTo('#'+jQuery(this).attr('data-value'), 800);		



		



		//Discard the link default behavior



		return false;



	});



	

	

    });

 

 

 

 

 jQuery(document).ready(function() {



	//Default Action

	jQuery(".tab_content").hide(); //Hide all content

	jQuery("ul.tabs li:first").addClass("active").show(); //Activate first tab

	jQuery(".tab_content:first").show(); //Show first tab content

	

	//On Click Event

	jQuery("ul.tabs li").click(function() {

		jQuery("ul.tabs li").removeClass("active"); //Remove any "active" class

		jQuery(this).addClass("active"); //Add "active" class to selected tab

		jQuery(".tab_content").hide(); //Hide all tab content

		var activeTab = jQuery(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content

		jQuery(activeTab).fadeIn(); //Fade in the active content

		return false;

	});



});


jQuery(document).ready(function(){
//Hide the tooglebox when page load
jQuery(".process").hide();
jQuery(".process:first").show();
//slide up and down when click over heading 2
jQuery("h3.togglehover").click(function(){
// slide toggle effect set to slow you can set it to fast too.
jQuery(this).next(".process").slideToggle("slow");
return true;
});
});