function display_QV(the_id){

document.getElementById('QV_'+the_id).style.display='block'
}

function hide_QV(the_id){
document.getElementById('QV_'+the_id).style.display='none'
}


function openCheckoutFaqs(rec_id) {
		var arrayPageSize = this.getPageSize(); 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = arrayPageSize[0] + 'px';
        overlay.style.height = arrayPageSize[1]  + 'px';
        overlay.style.backgroundColor = '#000000';
		overlay.className = 'transparent2'; 
		
		document.body.scrollTop  = document.getElementById('FAQ_popup').offsetTop - 100; 
		getData('http://www.eyeslipsface.com/showCheckoutFaqs.asp?rec_id=' + rec_id,'FAQ_popup');
	}
	
 
function display_product_info(the_id){
the_left  =  document.getElementById('QV_'+the_id).offsetLeft
the_top = document.getElementById('QV_'+the_id).offsetTop

the_top  = the_top - 150
the_left = the_left - 150

document.getElementById('product_preview').style.top=the_top
document.getElementById('product_preview').style.left=the_left
document.getElementById('product_preview').style.display='block'
document.getElementById('dept_gopher').src='http://dev.blueswitch.com/hanky_panky/product_quick_view.asp?product_id='+the_id

}

function hide_product_info(){
document.getElementById('product_preview').innerHTML="<div style='margin-top:110px'><img src='images/loader.gif' align='middle'></div>"
document.getElementById('product_preview').style.display='none'
}

function add_to_cart(product_id)
{	
	var thevars='';
	qty       = document.getElementById('prod_qty_'+product_id).value
	totalvars = document.getElementById('total_vars').value
	rolled    = document.getElementById('rt_'+product_id).value

		for(i=1; i <= totalvars; i++)
		  {   if(i != 1){
		  			thevars = thevars + ',' + document.getElementById('v_'+product_id+'_'+i).value 
				}
				else
				{
						thevars = thevars  + document.getElementById('v_'+product_id+'_'+i).value 
				}
		   }
		
	document.getElementById("AddProd").src=" addtocart.asp?product_id="+product_id+'&vars='+thevars+'&qty='+qty+'&rolled='+rolled
	slidedown2('cart_contents')	

 window.scroll(0,0);
}

function add_to_cart2(product_id,vars,qty,rolled)
{	
	document.getElementById("AddProd").src="https://dev.blueswitch.com/hanky_panky/addtocart.asp?product_id="+product_id+'&vars='+vars+'&qty='+qty+'&rolled='+rolled
	slidedown2('cart_contents')	
}


function clear_field(the_text,the_element){
	if (document.getElementById(the_element).value==the_text)
		{
			document.getElementById(the_element).value=''
		}
}


function zoom(factor) {
	var emap=floater.document.getElementById('the_image');
	
	
	
	var mapHeight = emap.height
	var mapWidth = emap.width
	
	var slope = mapHeight/mapWidth
	
	var newWidth = mapWidth + factor
	var newHeight=mapHeight+(factor*slope)
	
	var diffHeight =  newHeight - mapHeight
	
	
	
	//if ((emap.offsetTop+Math.floor(diffHeight/2))<300){
	emap.style.top=Math.round(emap.offsetTop-(diffHeight/2))+'px'
	//}
	//if ((emap.offsetLeft+Math.floor(diffWidth/2))<500){
	emap.style.left=Math.round(emap.offsetLeft-(factor/2))+'px'
	//}
	//document.getElementById('the_results').innerHTML = document.getElementById('the_results').innerHTML + '<br>' + Math.round(emap.offsetTop-(diffHeight/2))+'px' + '|' + Math.round(emap.offsetLeft-(factor/2))+'px'
	//document.getElementById('the_results2').innerHTML = document.getElementById('the_results2').innerHTML + '<br>' + Math.round(newWidth)+'px' + '|' + Math.round(newHeight)+'px'
	emap.style.width=Math.round(newWidth)+'px';
	emap.style.height=Math.round(newHeight)+'px';
}


function zoomin(fact,i,x,num_frames){
	var msg;
	var x ;
	var the_timeout = 1;
	
	
	if (x<num_frames) {
		if(x==1){
			
			
			if(((document.getElementById('zoom_level').value)>0)&&((document.getElementById('zoom_level').value)<4)){
				document.getElementById('zoom_level').value = parseInt(document.getElementById('zoom_level').value)+i
				}
			if(document.getElementById('zoom_level').value==4 && i==-1){
				document.getElementById('zoom_level').value = 3
			
			}
			if(document.getElementById('zoom_level').value==0 && i==1){
				document.getElementById('zoom_level').value = 2
			
			}
			
			
		
		
		}
		if(((document.getElementById('zoom_level').value)>0)&&((document.getElementById('zoom_level').value)<4)){
		
		if((document.getElementById('zoom_level').value)>3||(document.getElementById('zoom_level').value)>2&&fact<0){ 
			zoom(fact*3);
			num_frames = 15
			the_timeout = 1
		}
		else{
			zoom(fact);
		}
		//zoom(fact);
		}
		
		x+=1
		setTimeout('zoomin('+fact+','+i+','+x+','+num_frames+');',the_timeout)
		}
}


function zoomout(fact,i){

	var msg;
	if (i>fact) {
		zoom(i);
		i=i-.001
		setTimeout('zoomout('+fact+','+i+');',30)
		}
}



function display_image(the_image){
document.getElementById('the_prod').src='gallery_huge/'+the_image
document.getElementById('pop_up').style.display="block"
}


function submit_shipping_change(){
document.getElementById('update_shipping').value='1'
document.purchase_order_form.submit()
}


function display_account_info(the_action,the_plus){

	if(document.getElementById(the_action).style.display=='none')
	{
		slideup('account_info')
		slideup('order_info')
		slideup('wish_info')
		
		document.getElementById('pm_ai').innerHTML='+'
		document.getElementById('pm_oi').innerHTML='+'
		document.getElementById('pm_wi').innerHTML='+'
		
		slidedown3(the_action)
		
		document.getElementById(the_plus).innerHTML='-'
	}
	else{
		slideup(the_action)
		document.getElementById(the_plus).innerHTML='+'
	}

}

function close_size(){
document.getElementById('size_chart').style.display='none';
}

function display_size_chart(){
document.getElementById('size_chart').style.display='block';
}

function email_close(){
document.getElementById('email_friends').style.display='none';
}

function email_open(){
document.getElementById('email_friends').style.display='block';
}



function add_to_wish(product_id)
{	
	var thevars='';
	qty       = document.getElementById('prod_qty_'+product_id).value
	totalvars = document.getElementById('total_vars').value
	rolled    = document.getElementById('rt_'+product_id).value

		for(i=1; i <= totalvars; i++)
		  {   if(i != 1){
		  			thevars = thevars + ',' + document.getElementById('v_'+product_id+'_'+i).value 
				}
				else
				{
						thevars = thevars  + document.getElementById('v_'+product_id+'_'+i).value 
				}
		   }
		
	document.getElementById("AddProd").src="addtowish.asp?product_id="+product_id+'&vars='+thevars+'&qty='+qty+'&rolled='+rolled
	slidedown2('cart_contents')	
}

function update_personalize(){

	item_1 = document.getElementById('cp_1').value;	
	item_2 = document.getElementById('cp_2').value;
	item_3 = document.getElementById('cp_3').value;
	item_4 = document.getElementById('cp_4').value;
	item_5 = document.getElementById('cp_5').value;
	item_6 = document.getElementById('cp_6').value;
	


	prods = item_1+','+item_2+','+item_3+','+item_4+','+item_5+','+item_6

document.getElementById("personalize_product").src="http://dev.blueswitch.com/hanky_panky/addtopersonalize.asp?prods="+prods
	

}

function switch_rolled(product_id)
{
document.location.href='product_detail.asp?product_id='+product_id

}


function populate_color()
{
document.getElementById('color_swatcher').src='http://dev.blueswitch.com/hanky_panky/generate_colors.asp'
}



function display_swatch(swatch_id){
the_left  = document.getElementById('cs_loc_'+swatch_id).offsetLeft;
the_left2 = document.getElementById('container').offsetLeft;



the_left = the_left + the_left2 +207
document.getElementById('cs_'+swatch_id).style.left=the_left+'px'
document.getElementById('cs_'+swatch_id).style.display='block'

}


function hide_swatch(swatch_id){
document.getElementById('cs_'+swatch_id).style.display='none'
}



function arrow_left()
  {
    if (document.getElementById('thumbnails_container').scrollLeft>0) {
  	document.getElementById('thumbnails_container').scrollLeft = document.getElementById('thumbnails_container').scrollLeft - 75
	}
	//else
	//document.getElementById('thumbnails_container').scrollLeft = document.getElementById('thumbnails_container').scrollWidth
  }
  
  
  
function arrow_right()
  {

  if(document.getElementById('thumbnails_container').scrollWidth-document.getElementById('thumbnails_container').scrollLeft == 300)
	{//document.getElementById('thumbnails_container').scrollLeft=0
	} 
	else
	document.getElementById('thumbnails_container').scrollLeft = document.getElementById('thumbnails_container').scrollLeft + 75
  }
  
  
  
function display_press(image_name){
document.getElementById('press_image').innerHTML="<img src='gallery_press/"+image_name+"' height='700'>"
document.getElementById('press_gallery').style.display="block"
}

function close_press(image_name){
document.getElementById('press_image').innerHTML=""
document.getElementById('press_gallery').style.display="none"
}

function update_color(product_id,color_id){
document.getElementById('AddProd').src="image_color_updater.asp?product_id="+product_id+"&color_id="+color_id
}

function update_swatch(product_id,variant_id){
the_value = document.getElementById(variant_id).value
document.getElementById('AddProd').src="image_color_updater.asp?product_id="+product_id+"&variant_id="+the_value
}

function tabChangeQL(changeTo){  
	document.getElementById('tab_description').style.display = 'none';
	document.getElementById('tab_colors').style.display = 'none'; 
	 
	if (document.getElementById('tab_hdr_description')) {
	document.getElementById('tab_hdr_description').style.color = '#000000';
	}
	if (document.getElementById('tab_hdr_colors')) {
	document.getElementById('tab_hdr_colors').style.color = '#000000';
	} 
	document.getElementById('tab_' + changeTo).style.display = 'inline';
	document.getElementById('tab_hdr_' + changeTo).style.color ='#ed0b6f';
	
}


   
	 	var colorOpt;
		colorOpt = 0; 
		function tabChange(changeTo){  
			document.getElementById('tab_ingredients').style.display = 'none';
			document.getElementById('tab_press').style.display = 'none';
			document.getElementById('tab_video').style.display = 'none';
			document.getElementById('tab_directions').style.display = 'none';
			 
			if (document.getElementById('tab_hdr_ingredients')) {
			document.getElementById('tab_hdr_ingredients').style.color = '#000000';
			}
			if (document.getElementById('tab_hdr_video')) {
			document.getElementById('tab_hdr_video').style.color = '#000000';
			}
			if (document.getElementById('tab_hdr_press')) {
			document.getElementById('tab_hdr_press').style.color = '#000000';
			}
			if (document.getElementById('tab_hdr_directions')) {
			document.getElementById('tab_hdr_directions').style.color = '#000000';
			}
			
			document.getElementById('tab_' + changeTo).style.display = 'inline';
			document.getElementById('tab_hdr_' + changeTo).style.color ='#ed0b6f';
			
		}
		
		function changeColor(product_id, productDesc, prodSmudge, prodImg) { 
			document.getElementById('out_of_stock_sw').style.display = 'none';
			document.getElementById('out_of_stock_prod').style.display = 'none';
			document.getElementById('productDesc').innerHTML = productDesc;
			document.images.prodImage.src = '/gallery_medium/' + prodImg;
			document.images.prodSmudge.src = '/Swatches/' + prodSmudge; 
			 
			if (document.getElementById('out_of_stock_'+product_id)) {
				document.getElementById('out_of_stock_'+product_id).style.display = 'inline';
				document.getElementById('out_of_stock_sw').style.display = 'inline';
				document.getElementById('out_of_stock_prod').style.display = 'inline';
				
			}
		}
		
		function changeOutofStock(product_id ) {  
			document.getElementById('out_of_stock_sw').style.display = 'none';
			document.getElementById('out_of_stock_prod').style.display = 'none';
			if (document.getElementById('out_of_stock_'+product_id)) {
				document.getElementById('out_of_stock_'+product_id).style.display = 'none';
				document.getElementById('out_of_stock_sw').style.display = 'inline';
				document.getElementById('out_of_stock_prod').style.display = 'inline';
			}
		}
		
		function showOutofStock(product_id ) {  
			document.getElementById('out_of_stock_sw').style.display = 'none';
			document.getElementById('out_of_stock_prod').style.display = 'none';
			if (document.getElementById('out_of_stock_'+product_id)) {
				document.getElementById('out_of_stock_'+product_id).style.display = 'inline';
				document.getElementById('out_of_stock_sw').style.display = 'inline';
				document.getElementById('out_of_stock_prod').style.display = 'inline';
			}
		}
		
		function changeDDOpt(product_id) {
			if (document.getElementById('holdingForm_' + colorOpt) ) { 
				var sel = document.getElementById('holdingForm_' + colorOpt ).getElementsByTagName('*')['add_product_id'];  
			} else {
				var sel = document.getElementById('add_product_id'); 
			}; 
			
			for (x=0; x<sel.options.length; x++) {
				if (sel.options[x].value == product_id) { 
					sel.options.selectedIndex = x;
				} 
			}
		}
		
		function addCartForm() {
			var currentFields = document.getElementById('cartForm').innerHTML;
			var newFields =  document.getElementById('addDiv').innerHTML;
			//document.getElementById('cartForm').innerHTML = currentFields + '<br>' + newFields;   cannot do this becuase FF wont keep selected option
			colorOpt = colorOpt + 1
			var newdiv = document.createElement('div');
			var divIdName = 'holdingForm_' + colorOpt;
			newdiv.setAttribute('id',divIdName); 
			newdiv.innerHTML = newFields;
		 	document.getElementById('cartForm').appendChild(newdiv);
 		}
		
		function openWindow(address, width, height) {
		
			var newWindow = window.open(address, 'elfReviews', 'width=' + width + ',height=' + height +',toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=no');	
			newWindow.focus();
		}
		
		function viewMorePress() {
			slideup = document.getElementById("tab_press2");
			var broswerType=navigator.appVersion
			if (broswerType.indexOf('MSIE') > 1 ) {
					slideup.style.filter="revealTrans(Duration=1,Transition=5)";
					slideup.filters[0].Apply();
					slideup.style.visibility = "visible";  
					slideup.filters[0].Play(); 
					slideup.style.visibility = "visible";  
			} else { 
				 slideup.style.visibility = "visible"; 
			}	
			
		}
		
 	function openProductImg(dept_id, prodImg) {
		var arrayPageSize = this.getPageSize(); 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = arrayPageSize[0] + 'px';
        overlay.style.height = arrayPageSize[1]  + 'px';
        overlay.style.backgroundColor = '#000000';
		overlay.className = 'transparent2'; 
		
		document.body.scrollTop  = document.getElementById('productImgPopup').offsetTop - 100; 
		getData('http://www.eyeslipsface.com/product_popup.asp?prodImg=' + prodImg + '&dept_id=' + dept_id,'productImgPopup');
	}
		

	
	function closeProductImg() { 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = '0px';
        overlay.style.height = '0px';
        overlay.style.backgroundColor = '#FFFFFF'; 

		document.getElementById('productImgPopup').innerHTML='';
	}
 
 
	function closeCheckoutFAQ() { 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = '0px';
        overlay.style.height = '0px';
        overlay.style.backgroundColor = '#FFFFFF'; 

		document.getElementById('FAQ_popup').innerHTML='';
	}
 
  
  	function changeColorQL(product_id, productDesc, prodSmudge, prodImg) { 
		document.getElementById('productInfo').innerHTML = productDesc;
			document.images.prodImage.src = '/gallery_medium/' + prodImg;
			document.images.prodSmudge.src = '/Swatches/' + prodSmudge; 
			 
			
		}
		
	function changeProduct(product_id, dept_id, product_name, product_img, smudge_img)
	{
	  document.getElementById('product_id').value=product_id;
	  prodList = eval("document.getElementById('allProducts_" + dept_id + "')");
	  allprods = prodList.value.split(",");
	 
	/*  for(x = 0; x < allprods.length; x++) {
	  	if (allprods[x] != "") {
			tdName = "CSQ_" + allprods[x]  
			document.getElementById(tdName).style.border='';
		}
	  }
	  
	  document.getElementById('CSQ_' + product_id).style.border='1px solid #d9678c';
		
		*/
		document.getElementById('productInfo').innerHTML=product_name;
		document.images.productImage.src='http://www.eyeslipsface.com/gallery_medium/' + product_img;
		document.images.smudgeImage.src='http://www.eyeslipsface.com/Swatches/' + smudge_img;
	}  
	
	function closeSP() { 
		var arrayPageSize = this.getPageSize(); 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = arrayPageSize[0] + 'px';
        overlay.style.height = arrayPageSize[1]  + 'px';
        overlay.style.backgroundColor = '#000000';
		overlay.className = 'transparent2'; 

		alldepts = deptList.value.split(",");
	  	
		for(x = 0; x < alldepts.length; x++) {
	  	if (alldepts[x] != "") {
			tdName = "QL_" + alldepts[x]   
			document.getElementById(tdName).innerHTML='';
			}
	  	} 
	}
	
	function openQL(dept_id) {
		var arrayPageSize = this.getPageSize(); 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = arrayPageSize[0] + 'px';
        overlay.style.height = arrayPageSize[1]  + 'px';
        overlay.style.backgroundColor = '#000000';
		overlay.className = 'transparent2'; 
		
		document.body.scrollTop  = document.getElementById('QL_' + dept_id).offsetTop - 100; 
		getData('http://www.eyeslipsface.com/showquicklook.asp?dept_id=' + dept_id,'QL_' + dept_id);
	}
	
	function closeThis(dept_id) { 
		var  overlay =  document.getElementById('overlay')
        overlay.style.width = '0px';
        overlay.style.height = '0px';
        overlay.style.backgroundColor = '#FFFFFF'; 

		document.getElementById('QL_' + dept_id).innerHTML='';
	}
	
	function closeThisonParent(dept_id) { 
		var  overlay =  parent.document.getElementById('overlay')
        overlay.style.width = '0px';
        overlay.style.height = '0px';
        overlay.style.backgroundColor = '#FFFFFF'; 

		parent.document.getElementById('QL_' + dept_id).innerHTML='';
	}
	
	
	function runDeptSlideShow(){ 
	
	if (document.all){
	    document.images.deptImg.style.filter="blendTrans(duration=crossFadeDuration)";
	    document.images.deptImg.filters.blendTrans.Apply();
	    document.images.deptImg.filters.blendTrans.Play();
		}  
	
	if (document.images.deptImg){
	    document.images.deptImg.src = Pic[j];    
	    document.getElementById('deptLink').href = PicLink[j]; 
	    j = j + 1
	    if (j > (p-1)) j=0
	    t = setTimeout('runDeptSlideShow()', speed)}    
	
	}
	
	
	
	
	
	
	
	
	
	
	
var timerlen = 5;
var slideAniLen = 250;

var timerID = new Array();
var startTime = new Array();
var obj = new Array();
var endHeight = new Array();
var moving = new Array();
var dir = new Array();

	
function slidedown(objname,rec_id,objname2){
        
		var allSlides=document.getElementById(objname2).value
		var mySplitResult = allSlides.split(","); 
		
		for (i=0;i<mySplitResult.length;i++) 
		{   element_to  = "display_more_"+(mySplitResult[i]) 
   
			if (document.getElementById(element_to))
			{	 
				slideup(element_to) 
			}
		}
		
		if(moving[objname])
                return;

        if(document.getElementById(objname).style.display != "none")
                return; // cannot slide down something that is already visible

        moving[objname] = true;
        dir[objname] = "down";
		
		document.getElementById('display_more_'+rec_id).style.display="block"
		
		full_height = document.getElementById('display_more_'+rec_id).offsetHeight
		full_height = full_height + 10
		document.getElementById('display_more_'+rec_id).style.display="none" 
		
		startslide(objname,full_height);
}

function slideup(objname){
        if(moving[objname])
                return;
				 
        if(document.getElementById(objname).style.display == "none")
                return; // cannot slide up something that is already hidden
 
        moving[objname] = true;
		
	
		
		full_height = document.getElementById(objname).offsetHeight
		full_height = full_height + 10
		dir[objname] = "up";
				
		startslide(objname,full_height);
		
		
	
}

function startslide(objname,full_height){
        obj[objname] = document.getElementById(objname);

        endHeight[objname] = full_height;
        startTime[objname] = (new Date()).getTime();

        if(dir[objname] == "down"){
                obj[objname].style.height = "1px";
        }

        obj[objname].style.display = "block";

        timerID[objname] = setInterval('slidetick(\'' + objname + '\');',timerlen);
}

function slidetick(objname){
        var elapsed = (new Date()).getTime() - startTime[objname];

        if (elapsed > slideAniLen)
                endSlide(objname)
        else {
                var d =Math.round(elapsed / slideAniLen * endHeight[objname]);
                if(dir[objname] == "up")
                        d = endHeight[objname] - d;

                obj[objname].style.height = d + "px";
        }

        return;
}

function endSlide(objname){
        clearInterval(timerID[objname]);

        if(dir[objname] == "up")
                obj[objname].style.display = "none";

        obj[objname].style.height = endHeight[objname] + "px";

        delete(moving[objname]);
        delete(timerID[objname]);
        delete(startTime[objname]);
        delete(endHeight[objname]);
        delete(obj[objname]);
        delete(dir[objname]);

        return;
}



	 function closeThisDD() { 
	  document.getElementById('dropdown').style.visibility='hidden';
	 }