/*
Main JS actions for tutorial: "Practical CSS3 for Web Designers"
Written by Ben Lister (darkcrimson.com) revised 26 Apr 2010
Tutorial: http://blog.darkcrimson.com/2010/04/practical-css3

Licensed under the MIT License:
http://www.opensource.org/licenses/mit-license.php
*/


$(function() {
	
	/* Photo slider*/
	var sliderItem = $('#photo_slider li');
	
		sliderItem.each(function(index) {
			var zorder = sliderItem.length;
			var zindex 	= index + 1 ;
			
			$(this).addClass('img_'+ zindex);
			$('.img_1').css('z-index', zorder);
			
			if (!$(this).hasClass("img_1")) { $(this).css({zIndex: (zorder - zindex + 1 ), marginTop: '-385px'}); }
	});
	
	$('.box:nth-child(2)').hover(function(){
	var fonz = $('.box:nth-child(2) img');
		$('.box:nth-child(2) img').stop().fadeIn();
	
	},function(){
			$('.box:nth-child(2) img').stop().fadeOut();
		
	});
	

	
	sliderItem.click(function() {
		if($.browser.webkit) {
			//Applies image gallery effects randomly by adding CSS animation class
			var randomnumber=Math.floor(Math.random()*2 +1)	
			
			if (randomnumber === 1){
				var effectClass ="twistOut";
				var iv = 1000; // iv = interval(ms); can be changed as needed
			
			} else {
				var effectClass ="fallDown";
				var iv = 1000;
			}
			
	
			
			$(this).addClass(effectClass).doTimeout( iv, function(){
				$(this).children('img').fadeOut('fast');
				$(this).css('visibility', 'hidden');
				$(this).removeClass(effectClass);
				sliderItem.children('img').show();
		
			});
		
			
			if ($(this).attr('class') == "img_"+ sliderItem.length +' '+ effectClass) { 
	
				$("li.img_1").css({'visibility': 'visible', 'z-index':'1' }).children('img').show();		
				$(this).css('z-index', sliderItem.length);
				$(this).addClass(effectClass).doTimeout( iv, function(){
	
					sliderItem.next('li').css('visibility', 'visible');	
					$(this).children('img').fadeOut('fast');
					$(this).children('img').show();
					sliderItem.css('visibility', 'visible');		
					$(this).removeClass(effectClass);
					sliderItem.children('img').show();
					
					$("li.img_1").css({'visibility': 'visible', 'z-index': sliderItem.length }).children('img').show();		
					$(this).css('z-index', '1');
					
				});
	
			}
		} else {
			alert('This gallery only functions properly in Webkit browsers');
		}
		
	});
	
	
	
	
/* IE "Compatibility Mode" */
 
 
	$('#ie').click(function(){
		
		if($.browser.webkit){
			$('#header').css('-webkit-transition-delay','5.95s').addClass('iefail');
			
			$('#fonz').css('-webkit-transition-delay','3.75s').addClass('iefail_cc');
			$('#leftnav li:nth-child(1)').css('-webkit-transition-delay','1.45s').addClass('iefail');
			$('#leftnav li:nth-child(3)').css('-webkit-transition-delay','5.0s').addClass('iefail');
			$('#leftnav li:nth-child(2)').css('-webkit-transition-delay','8.2s').addClass('iefail');
			
			
			$('.img_1').css('-webkit-transition-delay','1.75s').addClass('iefail');
			$('.img_2').css('-webkit-transition-delay','1.95s').addClass('iefail');
			$('.img_3').css('-webkit-transition-delay','2.2s').addClass('iefail');
			
			
			$('.img_4').css('-webkit-transition-delay','2.6s').addClass('iefail');
			$('.img_5').css('-webkit-transition-delay','2.9s').addClass('iefail');
	
			$('#photo_slider').css('-webkit-transition-delay','3.2s').addClass('iefail_cc');
			
			$('.cube.three').css('-webkit-transition-delay','3.15s').addClass('iefail');
			$('.cube.two').css('-webkit-transition-delay','2.1s').addClass('iefail');
			$('.cube.one').css('-webkit-transition-delay','6.1s').addClass('iefail');
			$('.box:nth-child(1)').css('-webkit-transition-delay','6.5s').addClass('iefail_cc');
			
			$('.box:nth-child(2)').css('-webkit-transition-delay','7.5s').addClass('iefail');
			
			$('.columns').css('-webkit-transition-delay','4.1s').addClass('iefail');
	
			$('.accordion a:first-child').css('-webkit-transition-delay','4.9s').addClass('iefail_cc');
			$('.accordion a:last-child').css('-webkit-transition-delay','5.4s').addClass('iefail');
			$('.accordion').css('-webkit-transition-delay','5.8s').addClass('iefail_cc');
	
	
	
			$('.box h3').css('-webkit-transition-delay','4.9s').addClass('iefail_cc');
			
			$('#wrapper').css('-webkit-transition-delay','9.1s').addClass('iefail_wrapper');
			
			$('body').css({	'-webkit-transition-delay': '12.5s','-webkit-transition-property': 'background-color, font-size','-webkit-transition-duration': '2000ms ,300ms','background':'#0000CD'});
			
	
			window.setTimeout('fixBSOD()',13000);
			
		} else { alert('Whoops, you must have a Webkit enabled browser to see this'); }
		
	});
	

});


	// IE "Compatibility Mode" end message and "fix" link
	function fixBSOD() {
		$('<div id="bsod_reset"><strong>What did you expect?</strong><br /><br />  <a href="javascript:location.reload();">(click here to Reset the page)</a></div>').prependTo('body');
	}