jQuery.noConflict();

jQuery(window).load(function($) {
	
	//Enable Tabs
	jQuery(".options_tabs").each(function(){
		jQuery("ul.optionsPanelTabs",this).tabs("div.panels > div", {tabs:'li',effect: 'fade', fadeOutSpeed: -600});
	});
	
	//ADD IMAGE ROLLOVERS
	jQuery(".imageOne").each(function(){
		
		//SET PARENT DIV'S HEIGHT
		var img = jQuery(this).children();
		var prt = jQuery(this).parent();
		var url = img.attr('src');
		var image = new Image();
		image.onload = function() {
			var ht = this.height;
			var wt = this.width;
			jQuery(prt).height(ht);
			jQuery(prt).width(wt);
		}
		image.src = url;

		//SET HOVER LISTENERS
		jQuery(this).hover(
			function() {
				jQuery(this).stop().animate({"opacity": "0"}, "slow");
			},
			function() {
				jQuery(this).stop().animate({"opacity": "1"}, "slow");
			}
		);
	});
	

	//ADD SKIN SELECTION LISTENERS
	jQuery('#skinBlackWhiteFull').click(setFullSkin);
	jQuery('#skinBlackWhiteBoxed').click(setBoxedSkin);
	jQuery('#skinTealSkiesFull').click(setFullSkin);
	jQuery('#skinTealSkiesBoxed').click(setBoxedSkin);
	jQuery('#skinJetBlackFull').click(setFullSkin);
	jQuery('#skinJetBlackBoxed').click(setBoxedSkin);
	jQuery('#skinCrimsonRedFull').click(setFullSkin);
	jQuery('#skinCrimsonRedBoxed').click(setBoxedSkin);
	jQuery('#skinMidnightBlueFull').click(setFullSkin);
	jQuery('#skinMidnightBlueBoxed').click(setBoxedSkin);
	
	
	function setFullSkin(){
		var skinID = jQuery(this).attr('id');
		skinID = skinID.substring(0, skinID.length - 4);
		var ajaxData = 'layout=fullWidthLayout&skin=' + skinID;
		//MAKE AJAX CALL & SET COOKIE
		jQuery.ajax({
			type: "POST",
			url: siteUrl + "/style-switcher.php",
			data: ajaxData,
			success: function(responseText){
				//REFRESH CSS
				var queryString = '?reload=' + new Date().getTime();
				var cssUrl = jQuery('#dynamicDemoStyle-css').attr("href");
				cssUrl = cssUrl.replace(/\?.*|$/, queryString);
				jQuery('#dynamicDemoStyle-css').attr("href", cssUrl);
				if(jQuery('#footerShadow').length != 0){
					jQuery('#footerShadow').remove();
				}
				updateSkin(skinID);
			}
		});
	}
	
	function setBoxedSkin(){
		var skinID = jQuery(this).attr('id');
		skinID = skinID.substring(0, skinID.length - 5);
		var ajaxData = 'layout=boxedLayout&skin=' + skinID;
		//MAKE AJAX CALL & SET COOKIE
		jQuery.ajax({
			type: "POST",
			url: siteUrl + "/style-switcher.php",
			data: ajaxData,
			success: function(responseText){
				//REFRESH CSS
				var queryString = '?reload=' + new Date().getTime();
				var cssUrl = jQuery('#dynamicDemoStyle-css').attr("href");
				cssUrl = cssUrl.replace(/\?.*|$/, queryString);
				jQuery('#dynamicDemoStyle-css').attr("href", cssUrl);
				if(jQuery('#footerShadow').length == 0){
					var footerString = '<div id="footerShadow" class="shadowHolder" style="margin-top:40px;margin-bottom:0px;"><img src="'+ imageUrl +'/shadows/shadow10.png" alt=""></div>';
					setTimeout(function() {
						jQuery('body').append(footerString);
					}, 2000);
				}
				updateSkin(skinID);
			}
		});	
	}
	
	function updateSkin(skinID){
		//Remove Classes for old button colors
		jQuery('.comment-reply-link').removeClass('white black red');
		jQuery('#submit').removeClass('white black red');
		jQuery('#cancel-comment-reply-link').removeClass('white black red');
		jQuery('#searchsubmit').removeClass('white black red');
		jQuery('.submitBtn').removeClass('white black red');
		jQuery('.skinSwitch').removeClass('white black red');
		
		//Apply New Button Colors
		switch(skinID){
			case 'skinJetBlack':
				defaultBtnColor = 'black';
			break;
			case 'skinBlackWhite':
				defaultBtnColor = 'black';
			break;
			case 'skinTealSkies':
				defaultBtnColor = 'white';
			break;
			case 'skinCrimsonRed':
				defaultBtnColor = 'red';
			break;
			case 'skinMidnightBlue':
				defaultBtnColor = 'white';
			break;
		}
		jQuery('.comment-reply-link').addClass(defaultBtnColor);
		jQuery('#submit').addClass(defaultBtnColor);
		jQuery('#cancel-comment-reply-link').addClass(defaultBtnColor);
		jQuery('#searchsubmit').addClass(defaultBtnColor);
		jQuery('.submitBtn').addClass(defaultBtnColor);
		jQuery('.skinSwitch').addClass(defaultBtnColor);
		setTimeout(function() {
			Cufon.refresh('h1, h2, h3, h4, h5, h6, .sub');
			Cufon.refresh("#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer .sub");
			Cufon.refresh('.dropcap1,.dropcap5,.dropcap9');
			Cufon.refresh('.dropcap2,.dropcap6,.dropcap10');
			Cufon.refresh(".dropcap3,.dropcap7,.dropcap11");
			Cufon.refresh(".dropcap4,.dropcap8,.dropcap12");
		}, 1500);
	}
	
	
	//ADD PATTERN SELECTION LISTENERS
	jQuery(".patternSelect").each(function(){
		jQuery(this).click(setPattern);
	});
	
	function setPattern(){
		var pattern = jQuery(this).attr('id');
		var patternStyle = 'pattern=' + pattern;
		jQuery.ajax({
			type: "POST",
			url: siteUrl + "/style-switcher.php",
			data: patternStyle,
			success: function(responseText){
				//REFRESH CSS
				var queryString = '?reload=' + new Date().getTime();
				var cssUrl = jQuery('#dynamicDemoStyle-css').attr("href");
				cssUrl = cssUrl.replace(/\?.*|$/, queryString);
				jQuery('#dynamicDemoStyle-css').attr("href", cssUrl);
			}
		});
	}
	
	jQuery('#optionsBtn img').fadeIn();
	jQuery('#optionsBtn').css('background-image','none');
	jQuery('#optionsBtn').click(showPanel);
	jQuery('#optionsCloseBtn').click(hidePanel);
	
	function showPanel(){
		jQuery('#optionsPanel').fadeIn('fast');
		jQuery('#optionsBtn').fadeOut('fast');
	}
	function hidePanel(){
		jQuery('#optionsPanel').fadeOut('fast');
		jQuery('#optionsBtn').fadeIn('slow');
	}
	
	jQuery('#optionsPanel').mouseleave(function() {
		jQuery('#optionsPanel').slideUp('slow');
		jQuery('#optionsBtn').delay(1000).fadeIn('slow');
	});
	
});