// Fire Fancybox

$(document).ready(function() {

	/* This is basic - uses default settings */
	
	$("a#single_image").fancybox();

//	$("a.iframe").fancybox();
	
	/* Using custom settings */
	
	$("a#inline").fancybox({
		'hideOnContentClick': true
	});

	/* Apply fancybox to multiple items */
	
	$("a.iframe").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	500, 
		'speedOut'		:	200, 
		'width'		:	620, 
		'height'		:	350, 
		'overlayShow'	:	false
	});
	
});

// Price information Object (EJM DESIGNS)

	var priceInfo = {
		"s121236": { fabric: "44.99", clear: "52.99"},
		"s121260": { fabric: "49.99", clear: "57.99"},
		"s121272": { fabric: "51.99", clear: "59.99"},
		"s121435": { fabric: "45.99", clear: "53.99"},
		"s121440": { fabric: "46.99", clear: "54.99"},
		"s121448": { fabric: "47.99", clear: "55.99"},
		"s121450": { fabric: "49.99", clear: "57.99"},
		"s121460": { fabric: "50.99", clear: "58.99"},
		"s121536": { fabric: "45.99", clear: "53.99"},
		"s121560": { fabric: "50.99", clear: "58.99"},
		"s121572": { fabric: "52.99", clear: "60.99"},
		"s121635": { fabric: "45.99", clear: "53.99"},
		"s121648": { fabric: "48.99", clear: "56.99"},
		"s121660": { fabric: "50.99", clear: "58.99"},
		"s121735": { fabric: "45.99", clear: "53.99"},
		"s121760": { fabric: "51.99", clear: "59.99"},
		"s121836": { fabric: "46.99", clear: "54.99"},
		"s121860": { fabric: "51.99", clear: "59.99"},
		"s121872": { fabric: "53.99", clear: "61.99"},
		"s151236": { fabric: "44.99", clear: "52.99"},
		"s151260": { fabric: "49.99", clear: "57.99"},
		"s151272": { fabric: "51.99", clear: "59.99"},
		"s151536": { fabric: "45.99", clear: "53.99"},
		"s151560": { fabric: "50.99", clear: "58.99"},
		"s151572": { fabric: "52.99", clear: "60.99"},
		"s151836": { fabric: "46.99", clear: "54.99"},
		"s151860": { fabric: "51.99", clear: "59.99"},
		"s151872": { fabric: "53.99", clear: "61.99"},
		"s181236": { fabric: "44.99", clear: "52.99"},
		"s181260": { fabric: "49.99", clear: "57.99"},
		"s181272": { fabric: "51.99", clear: "59.99"},
		"s181536": { fabric: "45.99", clear: "53.99"},
		"s181560": { fabric: "50.99", clear: "58.99"},
		"s181572": { fabric: "52.99", clear: "60.99"},
		"s181836": { fabric: "46.99", clear: "54.99"},
		"s181860": { fabric: "51.99", clear: "59.99"},
		"s181872": { fabric: "53.99", clear: "61.99"}

	};

// Google Analytics

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28417530-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();



// EJM Designs - Order Script

function chooseWidth(wid) {
	var widthDiv = document.getElementById("orderWidth");
	var depthDiv = document.getElementById("orderDepth");
	var selectBox = document.getElementById("width" + wid + "options");
    	widthDiv.style.display = "none";
    	depthDiv.style.display = "block";
    	selectBox.style.display = "block";
	//alert(priceInfo["s181872"].clear);
} 

function backto1() {
	var widthDiv = document.getElementById("orderWidth");
	var depthDiv = document.getElementById("orderDepth");
	var selectBox1 = document.getElementById("width12options");
	var selectBox2 = document.getElementById("width15options");
	var selectBox3 = document.getElementById("width18options");
    	selectBox1.style.display = "none";
    	selectBox2.style.display = "none";
    	selectBox3.style.display = "none";
    	depthDiv.style.display = "none";
    	widthDiv.style.display = "block";
} 

function chooseDepth(wid,dep) {
	var widthBack = document.getElementById("widthBack");
	var depthDiv = document.getElementById("orderDepth");
	var heightDiv = document.getElementById("orderHeight");
	var selectBox = document.getElementById(wid + dep + "options");
    	depthDiv.style.display = "none";
    	heightDiv.style.display = "block";
    	selectBox.style.display = "block";
	widthBack.value = wid;
	//alert(document.getElementById("widthBack").value);
} 

function backto2() {
	var widthBack = document.getElementById("widthBack");
	//alert(widthBack.value);
	var selectBox = document.getElementById("width" + widthBack.value + "options");
	var heightDiv = document.getElementById("orderHeight");
	var depthDiv = document.getElementById("orderDepth");
	var selectBox1 = document.getElementById("1212options");
	var selectBox2 = document.getElementById("1214options");
	var selectBox3 = document.getElementById("1215options");
	var selectBox4 = document.getElementById("1216options");
	var selectBox5 = document.getElementById("1217options");
	var selectBox6 = document.getElementById("1218options");
	var selectBox7 = document.getElementById("1512options");
	var selectBox8 = document.getElementById("1515options");
	var selectBox9 = document.getElementById("1518options");
	var selectBox10 = document.getElementById("1812options");
	var selectBox11 = document.getElementById("1815options");
	var selectBox12 = document.getElementById("1818options");
    	selectBox1.style.display = "none";
    	selectBox2.style.display = "none";
    	selectBox3.style.display = "none";
    	selectBox4.style.display = "none";
    	selectBox5.style.display = "none";
    	selectBox6.style.display = "none";
    	selectBox7.style.display = "none";
    	selectBox8.style.display = "none";
    	selectBox9.style.display = "none";
    	selectBox10.style.display = "none";
    	selectBox11.style.display = "none";
    	selectBox12.style.display = "none";
    	heightDiv.style.display = "none";
    	depthDiv.style.display = "block";
    	selectBox.style.display = "block";

} 

function chooseColor(wid,dep,ht) {
	var colorDiv = document.getElementById("orderColors");
	var heightDiv = document.getElementById("orderHeight");
	var measureFinal = document.getElementById("finalMeasurement");
    	heightDiv.style.display = "none";
    	colorDiv.style.display = "block";
	measureFinal.innerHTML = wid + " x " + dep + " x " + ht;
	//depthFinal.value = dep;
	//heightFinal.value = ht;

} 

function backto3() {
	var colorDiv = document.getElementById("orderColors");
	var heightDiv = document.getElementById("orderHeight");
	var finalInfo = document.getElementById("finalOrderInfo");
	var submitButton = document.getElementById("submitButton");
    	finalInfo.style.display = "none";
    	submitButton.style.display = "none";
    	colorDiv.style.display = "none";
    	heightDiv.style.display = "block";


} 

function showSubmit() {
	var submitButton = document.getElementById("submitButton");
	var finalMeasure = document.getElementById("finalMeasurement");
	var radioClear = document.getElementById("ClearOption");
	var radioFabric = document.getElementById("FabricOption");
	var finalInfo = document.getElementById("finalOrderInfo");
	var finalName = document.getElementById("item_name");
	var getColor = document.getElementById("llcolor");
	var finalColor = document.getElementById("os0");
	var finalType = document.getElementById("os1");
	var finalCost = document.getElementById("amount");
	var finalHTML = finalMeasure.innerHTML;
	var gotColor = getColor.value;
	var finalN = finalHTML.replace(" x ", "");
	var finalN = finalN.replace(" x ", "");
	//alert(finalN);
	if (radioClear.checked) {
		var finalPrices = priceInfo["s" + finalN];
		var finalPrice = finalPrices.clear;
		var type = "Clear";
		//alert(type);
	}
	else if (radioFabric.checked)
	{
		var finalPrices = priceInfo["s" + finalN];
		var finalPrice = finalPrices.fabric;
		var type = "Fabric";
		//alert(type);
	}
	finalInfo.innerHTML = finalMeasure.innerHTML + " - (" + type + ") $" + finalPrice + "<br />(" + gotColor + ")";
	finalName.value = finalMeasure.innerHTML;
	finalType.value = type;
	finalColor.value = gotColor;
	finalCost.value = finalPrice;
    	finalInfo.style.display = "block";
	//alert(finalSize.value + " " + finalType.value + " " + finalCost.value + "<br />" + "(" + gotColor + ")");
    	submitButton.style.display = "block";
}


//	if(ele.style.display == "block") {
//    		ele.style.display = "none";
//		text.innerHTML = "show";
//  	}
//	else {
//		ele.style.display = "block";
//		text.innerHTML = "hide";
//	}






//Dropdown Menu Coding

var cssdropdown={
disappeardelay: 250, //set delay in miliseconds before menu disappears onmouseout
dropdownindicator: '', //'<img src="down.gif" border="0" />', //specify full HTML to add to end of each menu item with a drop down menu
enablereveal: [false, 1], //enable swipe effect? [true/false, steps (Number of animation steps. Integer between 1-20. Smaller=faster)]
enableiframeshim: 1, //enable "iframe shim" in IE5.5 to IE7? (1=yes, 0=no)

//No need to edit beyond here////////////////////////

dropmenuobj: null, asscmenuitem: null, domsupport: document.all || document.getElementById, standardbody: null, iframeshimadded: false, revealtimers: {},

getposOffset:function(what, offsettype){
	var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
	var parentEl=what.offsetParent;
	while (parentEl!=null){
		totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
		parentEl=parentEl.offsetParent;
	}
	return totaloffset;
},

css:function(el, targetclass, action){
	var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
	if (action=="check")
		return needle.test(el.className)
	else if (action=="remove")
		el.className=el.className.replace(needle, "")
	else if (action=="add" && !needle.test(el.className))
		el.className+=" "+targetclass
},

showmenu:function(dropmenu, e){
	if (this.enablereveal[0]){
		if (!dropmenu._trueheight || dropmenu._trueheight<10)
			dropmenu._trueheight=dropmenu.offsetHeight
		clearTimeout(this.revealtimers[dropmenu.id])
		dropmenu.style.height=dropmenu._curheight=0
		dropmenu.style.overflow="hidden"
		dropmenu.style.visibility="visible"
		this.revealtimers[dropmenu.id]=setInterval(function(){cssdropdown.revealmenu(dropmenu)}, 10)
	}
	else{
		dropmenu.style.visibility="visible"
	}
	this.css(this.asscmenuitem, "selected", "add")
},

revealmenu:function(dropmenu, dir){
	var curH=dropmenu._curheight, maxH=dropmenu._trueheight, steps=this.enablereveal[1]
	if (curH<maxH){
		var newH=Math.min(curH, maxH)
		dropmenu.style.height=newH+"px"
		dropmenu._curheight= newH + Math.round((maxH-newH)/steps) + 1
	}
	else{ //if done revealing menu
		dropmenu.style.height="auto"
		dropmenu.style.overflow="hidden"
		clearInterval(this.revealtimers[dropmenu.id])
	}
},

clearbrowseredge:function(obj, whichedge){
	var edgeoffset=0
	if (whichedge=="rightedge"){
		var windowedge=document.all && !window.opera? this.standardbody.scrollLeft+this.standardbody.clientWidth-15 : window.pageXOffset+window.innerWidth-15
		var dropmenuW=this.dropmenuobj.offsetWidth
		if (windowedge-this.dropmenuobj.x < dropmenuW)  //move menu to the left?
			edgeoffset=dropmenuW-obj.offsetWidth
	}
	else{
		var topedge=document.all && !window.opera? this.standardbody.scrollTop : window.pageYOffset
		var windowedge=document.all && !window.opera? this.standardbody.scrollTop+this.standardbody.clientHeight-15 : window.pageYOffset+window.innerHeight-18
		var dropmenuH=this.dropmenuobj._trueheight
		if (windowedge-this.dropmenuobj.y < dropmenuH){ //move up?
			edgeoffset=dropmenuH+obj.offsetHeight
			if ((this.dropmenuobj.y-topedge)<dropmenuH) //up no good either?
				edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge
		}
	}
	return edgeoffset
},

dropit:function(obj, e, dropmenuID){
	if (this.dropmenuobj!=null) //hide previous menu
		this.hidemenu() //hide menu
	this.clearhidemenu()
	this.dropmenuobj=document.getElementById(dropmenuID) //reference drop down menu
	this.asscmenuitem=obj //reference associated menu item
	this.showmenu(this.dropmenuobj, e)
	this.dropmenuobj.x=this.getposOffset(obj, "left")
	this.dropmenuobj.y=this.getposOffset(obj, "top")
	this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px"
	this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px"
	this.positionshim() //call iframe shim function
},

positionshim:function(){ //display iframe shim function
	if (this.iframeshimadded){
		if (this.dropmenuobj.style.visibility=="visible"){
			this.shimobject.style.width=this.dropmenuobj.offsetWidth+"px"
			this.shimobject.style.height=this.dropmenuobj._trueheight+"px"
			this.shimobject.style.left=parseInt(this.dropmenuobj.style.left)+"px"
			this.shimobject.style.top=parseInt(this.dropmenuobj.style.top)+"px"
			this.shimobject.style.display="block"
		}
	}
},

hideshim:function(){
	if (this.iframeshimadded)
		this.shimobject.style.display='none'
},

isContained:function(m, e){
	var e=window.event || e
	var c=e.relatedTarget || ((e.type=="mouseover")? e.fromElement : e.toElement)
	while (c && c!=m)try {c=c.parentNode} catch(e){c=m}
	if (c==m)
		return true
	else
		return false
},

dynamichide:function(m, e){
	if (!this.isContained(m, e)){
		this.delayhidemenu()
	}
},

delayhidemenu:function(){
	this.delayhide=setTimeout("cssdropdown.hidemenu()", this.disappeardelay) //hide menu
},

hidemenu:function(){
	this.css(this.asscmenuitem, "selected", "remove")
	this.dropmenuobj.style.visibility='hidden'
	this.dropmenuobj.style.left=this.dropmenuobj.style.top="-1000px"
	this.hideshim()
},

clearhidemenu:function(){
	if (this.delayhide!="undefined")
		clearTimeout(this.delayhide)
},

addEvent:function(target, functionref, tasktype){
	if (target.addEventListener)
		target.addEventListener(tasktype, functionref, false);
	else if (target.attachEvent)
		target.attachEvent('on'+tasktype, function(){return functionref.call(target, window.event)});
},

startchrome:function(){
	if (!this.domsupport)
		return
	this.standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
	for (var ids=0; ids<arguments.length; ids++){
		var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a")
		for (var i=0; i<menuitems.length; i++){
			if (menuitems[i].getAttribute("rel")){
				var relvalue=menuitems[i].getAttribute("rel")
				var asscdropdownmenu=document.getElementById(relvalue)
				this.addEvent(asscdropdownmenu, function(){cssdropdown.clearhidemenu()}, "mouseover")
				this.addEvent(asscdropdownmenu, function(e){cssdropdown.dynamichide(this, e)}, "mouseout")
				this.addEvent(asscdropdownmenu, function(){cssdropdown.delayhidemenu()}, "click")
				try{
					menuitems[i].innerHTML=menuitems[i].innerHTML+" "+this.dropdownindicator
				}catch(e){}
				this.addEvent(menuitems[i], function(e){ //show drop down menu when main menu items are mouse over-ed
					if (!cssdropdown.isContained(this, e)){
						var evtobj=window.event || e
						cssdropdown.dropit(this, evtobj, this.getAttribute("rel"))
					}
				}, "mouseover")
				this.addEvent(menuitems[i], function(e){cssdropdown.dynamichide(this, e)}, "mouseout") //hide drop down menu when main menu items are mouse out
				this.addEvent(menuitems[i], function(){cssdropdown.delayhidemenu()}, "click") //hide drop down menu when main menu items are clicked on
			}
		} //end inner for
	} //end outer for
	if (this.enableiframeshim && document.all && !window.XDomainRequest && !this.iframeshimadded){ //enable iframe shim in IE5.5 thru IE7?
		document.write('<IFRAME id="iframeshim" src="about:blank" frameBorder="0" scrolling="no" style="left:0; top:0; position:absolute; display:none;z-index:90; background: transparent;"></IFRAME>')
		this.shimobject=document.getElementById("iframeshim") //reference iframe object
		this.shimobject.style.filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'
		this.iframeshimadded=true
	}
} //end startchrome

}