/*
 * Pure jQuery Style Switcher (http://www.userfirstinteractive.com/)
 * @author Scott D. Brooks 
 * @created by UserFirst Interactive (creations@userfirstinteractive.com)
 * 
 */

	function setStyle(myStyle) { 	
		if (myStyle == "style2"){
			//$('#backgroundimg').attr("src","night.jpg"); 
			$("#backgroundimg").fadeOut(function() { 
			  $(this).load(function() { $(this).fadeTo( 1500, 1.0 ); }); 
				$(this).attr("src", "night.jpg"); 
				}); 	
				
			//document.getElementById("bird").style.background = "url(animation2.png)";	
			//document.getElementById("bird").style.width = "173px";		
			document.getElementById("bird").style.height = "124px";					
				$("#baas").fadeOut(function() { 
			 $(this).load(function() { $(this).fadeTo( 1500, 1.0 ); }); 
				$(this).attr("src", "footer3.png"); 
				}); 
			//$("body a").css("color", "#983220");			
			//$("pre").css("border", "2px dashed #983220");
			//$("pre").css("border-left", "20px solid #983220");
		}
		else {  // style1
			$("#backgroundimg").fadeOut(function() { 
			  $(this).load(function() { $(this).fadeTo( 1500, 1.0 ); }); 
				$(this).attr("src", "day.jpg"); 
				}); 
		//	document.getElementById("bird").style.background = "url(animation1.png)";	
			//document.getElementById("bird").style.width = "173px";		
		//	document.getElementById("bird").style.height = "124px";					
				$("#baas").fadeOut(function() { 
			  $(this).load(function() { $(this).fadeTo( 1500, 1.0 ); }); 
				$(this).attr("src", "footer2.png"); 
				}); 
		//	$("body a").css("color", "#607e99");
			//$("pre").css("border", "2px dashed #607e99");
			//$("pre").css("border-left", "20px solid #607e99");
		}
	}

	function setCookie(choosenStyle) {  
		// javascript set
		$.cookie('style', null); 			// clear cookie
		$.cookie('style', choosenStyle); 	// set cookie		
	}		
	
	$(document).ready(function() {
	// stylesheet setup
	var headID = document.getElementsByTagName("head")[0];		   
	var cssNode = document.createElement('link');
	
	cssNode.type = 'text/css';
	cssNode.rel = 'stylesheet';
	
	var style_color = $.cookie('style');
	
	if (style_color != undefined) {
		cssNode.href = '' + style_color + '.css';		
	} else {
		cssNode.href = 'style2.css';
		style_color = "style2";
	}			
	cssNode.media = 'screen';
	headID.appendChild(cssNode);
	// set style for the image src.  Not required unless you are setting an image dynamically, like we do here.
	setStyle(style_color);
	
	// click actions
	$("#switchToStyle1").click(function()
	{
    	setStyle("style1");
    	setCookie("style1");
	});

	$("#switchToStyle2").click(function()
	{
    	setStyle("style2");
		setCookie("style2");
	});
	
	$("#deletecookie").click(function()
	{
		$.cookie('style', null); // delete cookie
		location.reload();
	});

});