// Only proceed once DOM is ready
	$(document).ready(function() {
	
		// Website variable declaration
		var mainimgID = "image-show";
		var footertargetID = "footer-panel";
		var footerID = "footer";
		
		//Check for and show main product images
		//if (document.getElementById(mainimgID)) {renderFade(mainimgID);}
		
		//Check for and show slide panel
		//if (document.getElementById(footerID)) {renderPanel(footertargetID,footerID);}

	});
	
	sfHover = function() {
		var sfEls = document.getElementById("nav").getElementsByTagName("LI");
		for (var i=0; i<sfEls.length; i++) {
			sfEls[i].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[i].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}
	}
	if (window.attachEvent) window.attachEvent("onload", sfHover);
	
	function switchClass(passTarget,passClass) {
		if (passTarget === undefined) {
		
		} else {
			document.getElementById(passTarget).className = passClass;
		};
	}
	
	function switchmultipleState(targetType,targetID, switchID){
		var itemCollection = document.getElementsByTagName(targetType);
		for (var i=0; i<itemCollection.length; i++) {
			if(itemCollection[i].className === targetID) {
				document.getElementById(itemCollection[i]).className = passClass;
			}
		}
	}
	
	function renderBanner(targetID){
		$.fn.cycle.defaults.timeout = 16000;
		switchClass(targetID,"panel-js");
		
		$(function() {
			$('#' + targetID)
				.before('<div id="banner-navigation"><span><a href="#" id="pauseButton">Pause</a></span><span><a href="#" id="resumeButton">Play</a></span><div id="bpnav" class="bpnav"></div></div><div id="grad"></div>')
				.cycle({
					fx:			'fade',
					speedIn:	800,
					speedOut:	800,
					delay:		-2000,
					pager:		'#bpnav' 
				}
			);
			
			$('#pauseButton').click(function() {$('#' + targetID).cycle('pause');});
			$('#resumeButton').click(function() {$('#' + targetID).cycle('resume');});
		});
	}
	
	function renderTabs(targetID,actionID,tabID){
		// Switch CSS back to match JQuery style
		switchClass(targetID,"tab-show");
		switchClass(actionID,"js-show");

		// Init tabs, using toggle (including fade) transition between tabs
		//$('#' + targetID + ' > ul').tabs({ fx: { opacity: 'toggle' } });
		
		$("#" + targetID + " > ul").tabs({
			//selected:tabID,
			//fx:{opacity:'toggle', duration:'fast'},
			//fx:[null,{height:'show',opacity:'show'}],
			//fx: {opacity:'show'},
			show:function(ui) {
				//initSIFR();
				//initSIFR("h2.smoothfont","normal","left","#9fa067","#9fa067","#9fa067","lowercase");
				//initSIFR("h3.smoothfont-grey","normal","left","#72716c","#72716c","#72716c","lowercase");
			}
		});
		
	}
	
	function renderFade(targetID,switchID){
		// Make cross fade images visible
		if (switchID === 1) {switchClass(targetID,"js-show");}
		
		// Cross fade between main images
		$('ul#siteimg').innerfade({speed:1000,timeout:5000,type:'sequence',containerheight:'280px'});
	}
	
	function renderPanel(targetID,parentID){
		$("#" + targetID).hide();
		
		var activateID = $("<a>slide footer</a>").attr('href','#').addClass("btn-slide");
		
		$("#" + parentID).before(activateID);
		$(".btn-slide").click(function(){
			if ($("#" + targetID).is(":hidden")) {
				$("#" + targetID).slideDown("slow");
				$(this).addClass("active");
				$.cookie('showTop', 'collapsed');
				return false;
			} else {
				$("#" + targetID).slideUp("slow");
				$(this).removeClass("active");
				$.cookie('showTop', 'expanded');
				return false;
			}
		});
		
		var showTop = $.cookie('showTop');
		if (showTop == 'collapsed') {
			$("#panel").show();
			$(".btn-slide").addClass("active");
    	};
	}
	
	function renderCorners(){
		// Init rounded corners and constrain bounding width
		$("div.inner").each(function(){
			var $this = $(this);
			var $divFloat = $(this).css('float');
			var $divWidth = $(this).width()+32;
			$this.css("border","0px");
			$this.css("float","none");
			$this.wrap('<div class="outer" style="float:'+ $divFloat +';width:'+ $divWidth +'px;"><div class="outer-edge"></div></div>');
			$this.prepend('<div class="curve-tl"></div><div class="curve-tr"></div>').append('<div class="curve-bl"></div><div class="curve-br"></div>');
		});
	}
	
	function initSIFR(targetElement, sifrWeight, sifrAlign, sifrColour, sifrLinkColour, sifrHoverColour, sifrTextcase){
	
		if (targetElement === undefined) {var targetElement = "h2";};
		if (sifrWeight === undefined) {var sifrWeight = "normal";};
		if (sifrAlign === undefined) {var sifrAlign = "left";};
		if (sifrColour === undefined) {var sifrColour = "#9fa067";};
		if (sifrLinkColour === undefined) {var sifrLinkColour = "#9fa067";};
		if (sifrHoverColour === undefined) {var sifrHoverColour = "#9fa067";};
		if (sifrTextcase === undefined) {var sifrTextcase = "lowercase";};
	
		var smoothfont = {src: '/swf/sifr/sifr.swf'};
		sIFR.delayCSS  = false;
		sIFR.domains = ['*'];
		sIFR.activate(smoothfont);
		sIFR.replace(smoothfont, {selector:targetElement,css:['.sIFR-root {width:100%;text-align:' + sifrAlign + ';font-weight:' + sifrWeight + ';color:' + sifrColour + ';letter-spacing:-0.5;text-transform:' + sifrTextcase + ';}','a {color:' + sifrLinkColour + ';text-decoration:none;}','a:link {color:' + sifrLinkColour + ';}','a:hover {color:' + sifrHoverColour + ';}'],wmode:'transparent'});
	}