
// -- Custom functions for jQuery effects --

	var $s = jQuery.noConflict();	
	
	$s(window).load(function(){		
	
		// -- Slider --
		
		var index = 0;
		var screens = $s("#screen li");
		var film = $s("#film li");
		var imgHeight = $s(film).outerHeight();
		var totalItems = film.length;
		$s(film).slice(0,3);
		for (i=0; i<film.length; i++)
		{
			$s(film[i]).addClass("film-"+i);
			$s(film[i]).attr('id', i);
			$s(screens[i]).addClass("screen-"+i);
			$s(screens[i]).attr('id', i);
		}
		$s("#film li:first").addClass("activefilm");
		$s("#scroll").fadeOut();		
		$s("#film li").click(function()
			{
				$s("#film li").removeClass("activefilm");
				var activeScreen = $s(this).attr("id");
				$s(this).addClass("activefilm");
				$s("#screen li").fadeOut(400);		
				$s("#screen li.screen-"+activeScreen).fadeIn(400);
				return false;
			});		
		$s(".slider").hover(function() 
			{
				$s("#scroll").fadeIn(100);
			}, 
			function() 
			{ 
				$s("#scroll").fadeOut(100); 
			});			
		$s("#scroll").click(move);
		show(index);
		//setInterval(move, 8000); // Uncomment this line if you wish to have auto transition on slider.
		
		function move()
		{
			if (index<(film.length-1))
			index+=1;
			else 
			index=0;		
			show (index);
			return false;
		}
		
		function show(num)
		{
			$s(screens).fadeOut(400);
			$s("#film li").removeClass("activefilm");
			$s("#film li.film-"+num).addClass("activefilm");
			$s(".screen-"+num).stop().fadeIn(400);
			var scrollPos = (num)*imgHeight;
			if( num < (totalItems - 2) )
			$s("#film").stop().animate({scrollTop: scrollPos}, 1100, 'backinout' );
		}
	
	}) // end window.load call	
	
	
	$s(document).ready(function(){	
	
	// -- NAVIGATION MENU --
	
	$s('.nav1 ul').css({display: "none"});
	$s('.nav1 li').hover(function(){
			$s(this).find('ul:first').css({visibility: "visible",display: "none"}).fadeIn(150);
		},
		function(){
			$s(this).find('ul:first').fadeOut(200);
	});
	
	
	// -- SIDEBAR ACCORDION --
	
	$s('h5.handle').click(function() {
		$s(this).next().toggle('fast');
		$s(this).toggleClass("activehandle");
		return false;
	}).next().hide();
	
	
	// -- TOGGLE CONTENT --
	
	$s('h5.toggle').click(function() {
		$s(this).next().toggle('fast');
		$s(this).toggleClass("activetoggle");
		return false;
	}).next().hide();
	
	
	// -- BUTTONS OPACITY --
	
	$s('#searchsubmit, #sliderprev, #slidernext').css({opacity:'0.4'});
	$s('#searchsubmit, #sliderprev, #slidernext').hover( function() {
	$s(this).stop().animate({opacity:'0.8'}, 100 );
	}, function() {
	$s(this).stop().animate({opacity:'0.4'}, 100 );
	});
	
	
	// -- SOCIAL ICONS OPACITY --
	
	$s('ul.social li a').each(function() {
		$s(this).hover( function() {
			$s(this).stop().animate({opacity:'0.5'}, 100 );
		}, function() {
			$s(this).stop().animate({opacity:'1'}, 100 );
		})
	});	
	
	
	// -- PRETTYPHOTO INIT --
	
	$s("a[rel^='prettyPhoto[group1]'], a[rel^='prettyPhoto[group2]']").prettyPhoto({theme:'light_rounded', showTitle:false, opacity:0.6}) 
	
	$s("a[rel^='prettyPhoto[group1]']").hover(function(){
		$s(this).stop().animate({"opacity":"0.7"}, 200);  
	}, function(){
		$s(this).stop().animate({"opacity":"1"}, 200);  
	});	
	
	}) // end document.ready call
