/**
*
*	These functions work in the live online store
*
*/

// STORE WIDE 

//var imgArray = new Array();

//imgArray[0] = new Image();
//imgArray[0].src = "/imgs/progressBar2.gif";
//imgArray[0] = new Image();
//imgArray[0].src = "/imgs/infoArrow.gif";

function checkboxSearch(e,sid){
	
	var form = document.getElementById('navSearch')
	
	var storeChecked = 0 // see if any stores are checked
	
	var brandChecked = 0 // see if any brands are checked
	
	var activeBids = ''
	
	for(i=0;i<form.elements.length;i++){
		
		if(form.elements[i].name=='sid[]' && form.elements[i].checked){
			activeBids += document.getElementById('sbids'+form.elements[i].value).value
			
		}
		
	}
	
	/*
	var sids = Array()
	var bids = Array()
	
	for(i=0;i<form.elements.length;i++){
		
		if(form.elements[i].name=='sid[]'){
			sids[i] = form.elements[i]
		}
		
		if(form.elements[i].name=='bid[]'){
			bids[i] = form.elements[i]
		}
		
	}
	
	//alert(sids.length)
	//alert(bids.length)
	*/
		
	if(e.id=='allStores' && document.getElementById('allStores').checked==true){
		
		for(i=0;i<form.elements.length;i++){

			if(form.elements[i].name=='sid[]'){				
				form.elements[i].checked=false // uncheck all stores
			}
			
			if(form.elements[i].name=='bid[]'){
				form.elements[i].disabled=false // enable all brands	
				form.elements[i].parentNode.style.color='#000000'
			}		
			
		}
		
	}else if(e.name=='sid[]'){
			
		document.getElementById('allStores').checked=false
		
		for(i=0;i<form.elements.length;i++){
		
			if(form.elements[i].name=='bid[]' && activeBids.match(form.elements[i].value)){
				form.elements[i].disabled=false
				form.elements[i].parentNode.style.color='#000000'
			}else{
				if(form.elements[i].name=='bid[]'){
					form.elements[i].checked=false
					form.elements[i].disabled=true
					form.elements[i].parentNode.style.color='#b9b8b8'
				}
			}
			
		}
		
	}else if(e.id=='allBrands' && document.getElementById('allBrands').checked==true){
		
		for(i=0;i<form.elements.length;i++){
				
			if(form.elements[i].name=='bid[]'){
				if(activeBids.match(form.elements[i].value)){
					form.elements[i].disabled=false // enable all brands except where store doesn't contain the brand
					form.elements[i].parentNode.style.color='#000000'
				}
				form.elements[i].checked=false // be sure all brand checkboxes are unchecked
			}
			
		}
	
	}else if(e.name=='bid[]'){
		document.getElementById('allBrands').checked=false
	}
	
	// fix problems, determine if any stores or brands are checked 
	for(i=0;i<form.elements.length;i++){
		
		if(form.elements[i].name=='sid[]' && form.elements[i].checked){
			storeChecked = 1
		}
		
		if(form.elements[i].name=='bid[]' && form.elements[i].checked){
			brandChecked = 1
		}
		
	}
	
	
	if(storeChecked == 0){ // no store is checked
		document.getElementById('allStores').checked=true // be sure all stores is checked
		for(i=0;i<form.elements.length;i++){				
			if(form.elements[i].name=='bid[]'){
				form.elements[i].disabled=false // be sure all brands are enabled
				form.elements[i].parentNode.style.color='#000000'
			}
		}
	}
	
	if(brandChecked == 0){ // no brand is checked
		document.getElementById('allBrands').checked=true // be sure all brands is checked
	}

}

// cool stuff! //
function ajaxProductSearch(page){
	
	xmlHttp=getXmlHttpObject()

	xmlHttp.onreadystatechange=function(){
    
	
  	if(xmlHttp.readyState==4){        
      document.getElementById('myDiv').innerHTML=xmlHttp.responseText;
    }else{        
//      document.getElementById('myDiv').innerHTML="<div style='padding:20px;text-align:center'><img src='imgs/progressBar2.gif' /><br />your search in progress, please wait</div>";
      document.getElementById('myDiv').innerHTML="<div style='padding:20px;text-align:center'>your search in progress, please wait</div>";
    }
  }
				
	
	var url = "/search?ajax=1&page="+page;
	
	//var page = document.getElementById('page').value;
	
	var form = document.getElementById('navSearch')
	
	var sids = Array()
	
	for(i=0;i<form.elements.length;i++){
		if(form.elements[i].checked==true && form.elements[i].name=='sid[]'){
					
			sids[i] = form.elements[i].value
				
		}
		
	}
	url=url+"&sid="+sids;
	
	var bids = Array()
	
	for(i=0;i<form.elements.length;i++){
		if(form.elements[i].checked==true && form.elements[i].name=='bid[]'){
					
			bids[i] = form.elements[i].value
				
		}
		
	}
	url=url+"&bid="+bids;
	
	//document.getElementById('sql').innerHTML=url
	
	xmlHttp.open("POST",url,true);
	xmlHttp.send(null);
		
}


// PRODUCT DETAIL PAGE //


function switchVariantSelector(colorCode){
	
	form = document.getElementById('variantSelector')

	for(i=0;i<form.elements.length;i++){
		
		if(form.elements[i].name=='size'){
			
			if(form.elements[i].id == colorCode+'_size'){
				form.elements[i].style.display='block'
				/*
				document.getElementById('selectASize').style.display='block'
				
				document.getElementById('selectAColor').style.display='none'
				*/
			}else{
				if(colorCode==''){
					document.getElementById('filler_size').style.display='block'
					/*
					document.getElementById('selectAColor').style.display='block'
					
					document.getElementById('selectASize').style.display='none'
					*/
				}
				form.elements[i].style.display='none'
			
			}
				
		}
		
	}
		
}


function ajaxLoadAvailableSizesByColor(styleNum, colorCode, eventID, receiverID){
	
	xmlHttp=getXmlHttpObject()
	
	xmlHttp.onreadystatechange=function(){
    	
  	if(xmlHttp.readyState==4){        
      document.getElementById('sizeSelector').innerHTML=xmlHttp.responseText;
    }else{        
     // checkIfColorLoaded(this)
			
			document.getElementById('sizeSelector').innerHTML='<select id="sizeDrop" name="sizeDrop" class="textinput" onChange="document.getElementById(\'size\').value=this.value;" style="width:157px"><option value="">SIZE</option><option value="" selected="selected">Loading sizes...</option></select>'

    }
  }
						
	var url = '/product/availability?s='+styleNum+'&c='+colorCode+'&e='+eventID+'&r='+receiverID;	
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	
}

/**
*
*	This needs to be adjusted to change the image when a variant is selected
*
*/
function toggleProductMainImage(image , colorCode , colorName, show){
								
	//image = image.replace(/_.jpg/,"_dx.jpg")
	
	if (show !="0") {
		styleNum = document.getElementById('styleNum').value
		
		if(colorName != 'color'){
			
			document.getElementById('productMainImage').src=image
			
			image2 = image.replace(/medium/,"xlarge")
			
			loadPatternImage(image2);
			
			document.getElementById('productMainImageColor').innerHTML=colorName
					
			divs = document.getElementsByTagName('div')
			
			for(i=1;i<divs.length;i++){
				if(divs[i].id.match(styleNum)){
					divs[i].style.display='none'											
				}
			}
			
			document.getElementById(styleNum+'_'+colorCode).style.display='block'	
		
			parts = image.split('/')
		
			document.getElementById('currentLoadedImage').value = parts[(parts.length-1)]
		
		}
	}
	
}



// SHOPPING CART //

function removeItemFromCart(styleNum, colorCode, size){
	cf = confirm('Are you sure you want to remove this item from your cart?')

	if(cf == true){
		document.getElementById('remove_'+styleNum+'_'+colorCode+'_'+size).submit()
	}else{
		document.getElementById('cb_'+styleNum+'_'+colorCode+'_'+size).checked=false
		return false
	}

}

// CHECKOUT //
function copyAddress(e){
	
	if(document.getElementById('shippingSameAsBilling').checked==true){
		
		if(e.id=='billToName'){
			document.getElementById('shipToName').value=document.getElementById('billToName').value
		}
		
		if(e.id=='billToAddress'){
			document.getElementById('shipToAddress').value=document.getElementById('billToAddress').value
		}
		if(e.id=='billToAddress2'){
			document.getElementById('shipToAddress2').value=document.getElementById('billToAddress2').value
		}
		if(e.id=='billToCity'){
			document.getElementById('shipToCity').value=document.getElementById('billToCity').value
		}
		if(e.id=='billToState'){
			document.getElementById('shipToState').value=document.getElementById('billToState').value
		}
		if(e.id=='billToZip'){
			document.getElementById('shipToZip').value=document.getElementById('billToZip').value
		}
		if(e.id=='billToCountry'){
			document.getElementById('shipToCountry').value=document.getElementById('billToCountry').value
		}
	}
	
}

function copyEntireAddress(){
	
	//document.getElementById('billToName').value=document.getElementById('shipToName').value	
	document.getElementById('billToAddress').value = document.getElementById('shipToAddress').value	
	document.getElementById('billToAddress2').value	= document.getElementById('shipToAddress2').value
	document.getElementById('billToCity').value = document.getElementById('shipToCity').value
	
	countrySel = document.getElementById('billToCountry')
	for(i=1;i<countrySel.length;i++){
		if(countrySel[i].value==document.getElementById('shipToCountry').value){
			countrySel[i].selected=true
		}
	}
	document.getElementById('billToState').value = document.getElementById('shipToState').value	
	document.getElementById('billToZip').value = document.getElementById('shipToZip').value
	document.getElementById('billToCountry').value = document.getElementById('shipToCountry').value
	
}


function submitOffer(){
	
	xmlHttp=getXmlHttpObject()

	xmlHttp.onreadystatechange=function(){
    
  	if(xmlHttp.readyState==4){        
    	
			if(xmlHttp.responseText=='approved'){
				
				setTimeout("document.location='http://dev.liquid8usa.com/cart'", 1000);
				document.getElementById('offerUI').innerHTML='Your bid has been accepted!"'
			
			}else{
				
				document.getElementById('offerUI').innerHTML=xmlHttp.responseText
			}
			 
		}else{        
      //document.getElementById('offerUI').innerHTML="<div style='text-align:center'>checking your bid...<br /><img src='/imgs/progressBar2.gif' style='margin-top:2px' /></div>";
      document.getElementById('offerUI').innerHTML="<div style='text-align:center'>checking your bid...</div>";
    }
  }
	
	styleNum = document.getElementById('styleNum').value
	
	colorCode = document.getElementById('colorCode').value
	
	size = document.getElementById('size').value
	
	orderedQty = 1 //document.getElementById('orderedQty').value
	
	offer = document.getElementById('yourOffer').value
	
	var url = "/product/offer?styleNum="+styleNum+"&colorCode="+colorCode+"&size="+size+"&offer="+offer+"&orderedQty="+orderedQty;

	xmlHttp.open("POST",url,true);
	xmlHttp.send(null);
		
}

function checkIfColorLoaded(f){
	if(document.getElementById('colorCode').value=='') 
		f.blur()
		document.getElementById('selectAColor').style.display='block'
		
}