function clearDefault(el) {
  if (el.defaultValue==el.value) el.value = ""
}

//zoom 

var bigWidth; //width of the zoom image 
var smallWidth; // width of zoomed image
var bigHeight; // height of the zoom image
var bigX = 0; // zoom image x position
var bigY = 0; // zooom image y position
var smallHeight;
var bigBoxWidth;
var bigBoxHeight;
var factorY;
var factorX;
var easing = 0.18;
var zoomInterval = 0; 
var mouseX = 0;
var mosueY = 0;
var sHeight;
var elements;
var scrollBorder;
var thumbsPos = new Array();
var thumbsPosDown = new Array();
var imgAmount;
var i = 0;
var g = 92*5;
var idc = 0;
var delay = 0;
var rollOverInetrval;
var hideInterval;
//var str =  new String(window.location);
var zoomImageShown = false;
var nr;
var issueNumber;
var pageNumber;
var images;
var scrollHeight; 

function initProductPage()
{   
	sHeight = 92;
	document.body.onmousemove=setMouseCoords;
	scrollHeight = sHeight * elements ; 
	smallWidth = 230;
	smallHeight = 345;
	bigBoxWidth = document.getElementById('zoom-box').offsetWidth;
	bigBoxHeight = document.getElementById('zoom-box').offsetHeight;
	document.getElementById('imgMainImage').onmouseover=showBig;
	
	document.getElementById('large-image').onmouseover=clearIntrv;

	document.getElementById('large-image').onmouseout=hideBig;
	bigWidth = document.getElementById('zoom-image').offsetWidth ;
	bigHeight = document.getElementById('zoom-image').offsetHeight ;
	
}



function setMouseCoords(e)
{
	var ie = document.all?true:false;
	if (!e) {
		   e = window.event;
	}
	
	if (e.pageX || e.pageY) {
		   mouseX = e.pageX;
		   mouseY = e.pageY;

	} else if (e.clientX || e.clientY) {
		
	   mouseX = YAHOO.util.Event.getPageX(e); 
	   mouseY = YAHOO.util.Event.getPageY(e); 	
	}
}



//show zoom image 
function showBig()
{
	clearIntrv();	
	//document.getElementById('sizing').style.visibility = 'hidden';
	
	document.getElementById('zoom-image').style.visibility = 'visible';
	document.getElementById('zoom-box').style.visibility = 'visible';
	
	largeImageShown = true;

	zoomInterval = setInterval("animateBigImage()",20);
}

//////SIZING CHART TAB//////////////////////////////////////////////////////

function loadBig(img,imgl)
{
    
    document.getElementById("imgMainImage").src = imgl;
    loadZoomImage1(img);
}

function loadZoomImage1(img)
{		 
	document.getElementById("zoom-image").src = img;
}

function clearIntrv()
{
	clearTimeout(hideInterval);		
}

function hideBig()
{	
	hideInterval = setTimeout("hideDelay()",250);	
}

function hideDelay()
{	
	if(document.getElementById('zoom-image').style.visibility != 'hidden') {
		
		clearInterval (zoomInterval);	
		document.getElementById('zoom-image').style.visibility = 'hidden';
		document.getElementById('zoom-box').style.visibility = 'hidden';		
	}
}


//zoom function 
function animateBigImage()
{
	var xPos =  mouseX;
	var yPos =  mouseY;	
	var bigXPos = YAHOO.util.Dom.getX('zoom-image');
	var bigYPos = YAHOO.util.Dom.getY('zoom-image');

	var largeXOffset = YAHOO.util.Dom.getX('imgMainImage');
	var largeYOffset = YAHOO.util.Dom.getY('imgMainImage');

	//var bigXPos = document.getElementById('zoom-image').offsetLeft;
	//var bigYPos = document.getElementById('zoom-image').offsetTop;	

	factorX = (bigWidth- bigBoxWidth)/smallWidth;
	factorY = (bigHeight-bigBoxHeight)/smallHeight ;	

	var targetX = 0 - (factorX * (xPos-largeXOffset));
	var targetY = 0 - (factorY * (yPos-largeYOffset));		

	targetX = Math.round(targetX);
	targetY = Math.round(targetY);

	bigX +=  ((targetX-bigX)*easing); 
	bigY +=  ((targetY-bigY)*easing);	

	bigY = Math.round(bigY);
	bigX = Math.round(bigX);
	
	document.getElementById("zoom-image").style.left  = bigX + 'px';
	document.getElementById("zoom-image").style.top = bigY + 'px';
 	//var move = new YAHOO.util.Anim('bImg', {top: { to: bigY }, left:{to:bigX}}, 1 ,YAHOO.util.Easing.easeOut); 
}

/**********************************************************************************************************/
function setVisibilityofDiv(divdob, disproperty) 
{ 

document.getElementById(divdob).style.display = disproperty;
}
function setdob(txtdob, ddldobm, ddldoby, divdob)
{   
    var txtdob=document.getElementById(txtdob);
	var year=document.getElementById(ddldoby);
	var month=document.getElementById(ddldobm);
	//var day=document.getElementById(dobd);
	
	var temp =month.value + '-'+ year.value; 
	txtdob.value=temp;
	//setVisibilityofDiv(divdob, 'none'); 
	//txtdob.disabled=false;
	//txtdob.focus();
}

function setdob2(txtdob,ddldobm,dobd,ddldoby,divdob)
{   
    var txtdob=document.getElementById(txtdob);
	var year=document.getElementById(ddldoby);
	var month=document.getElementById(ddldobm);
	var day=document.getElementById(dobd);
	//alert(day);
	var temp =day.value + '-'+month.value+'-'+ year.value; 
	txtdob.value=temp;
//	setVisibilityofDiv(divdob, 'none');
	//txtdob.disabled=false;
	//txtdob.focus();
}



function collectElementbyID(Idname){ //Returns an array containing DIVs with specified classname
	var IdnameRE=new RegExp("(^|\\s+)"+Idname+"($|\\s+)", "i"); //regular expression to screen for classname within element
	var pieces1=[];
	var alltags1=document.all? document.all : document.getElementsByTagName("img");
	for (var i=0; i<alltags1.length; i++){
		if (typeof alltags1[i].id=="string" && alltags1[i].id.search(IdnameRE)!=-1)
			pieces1[pieces1.length]=alltags1[i];
	}
	//alert(alltags.length);
	return pieces1
}




function addclass()
{
var targetobjects1=this.collectElementbyID("1G");
for (var i=0; i<targetobjects1.length; i++){
		
	
targetobjects1[i].className="gradualfader";



}

//alert(targetobjects.length);
//alert(targetobjects1[0].className);
}
function deleteclass()
{
var targetobjects1=this.collectElementbyID("1G");
for (var i=0; i<targetobjects1.length; i++){
		
	
targetobjects1[i].className="";

}

}
function chkquantity(){
if((document.getElementById('shadeqty').value)>1){
	alert('This service is only for 1 product kindly select 1 quantity');}
	else{
		
		//window.location.href = 'gift_option.php';
	}
}
function setNewShade(arryShade){
	
	alert(arryShade);
	
	
}


/*ajax function for productdetails*/
var changeshadePost;var parameters=""; //shade_status Info 

function changeshade(shadeName,productId,catId){
//alert(shadeName +','+ productId);
	//loadBig(shadeName,productId);
	//alert(document.getElementById("Buttonsdiv").innerHTML);
	if(shadeName==''){
	window.document.herf='product_details.php?catId='+catId+'&pdId='+productId;
	}
	else{
  var url="productDetails/handleddlcolorname.php";
     var parameters="pshadeName=" +encodeURI(shadeName)+"&productId="+ encodeURI(productId)+"&catId="+ encodeURI(catId) ;
	
	 changeshadePost=createajax_opac();MakePostRequest_opac(url,parameters,"managechangeshadePost",changeshadePost);}
}
function managechangeshadePost(){
	  var shadenameddlId=document.getElementById("shadenameddlId");
	  var mycarousel=document.getElementById("wrap");
	 var shadeNameId=document.getElementById("shadeNameId");
	  var shadeqtyId=document.getElementById("shadeqtyId");
	  var productShadeId=document.getElementById("productShadeId");
	  var colorName=document.getElementById("colorName");
	  var  Buttonsdiv=document.getElementById("Buttonsdiv");
  try{
    if(changeshadePost.readyState == 4)
	{ 
	  if(changeshadePost.status == 200)
	  {
		     var response =changeshadePost.responseText.split("|");
			 var str1=response[0].replace (/\s+/g, '');
			 var str2=response[1].replace (/\s+/g, '');
			str1=(str1.replace(/\'+/g,''));
			str2=(str2.replace(/\'+/g,''));
			//alert(response[0]);
			loadBig(str1,str2);
			  shadenameddlId.innerHTML = response[3];
			  mycarousel.innerHTML = response[2];
			 shadeqtyId.innerHTML = response[4];
			  shadeNameId.innerHTML = response[5];
			  colorName.innerHTML = response[5];
			productShadeId.value = response[6];
			//alert(response[7]);
			//alert(Buttonsdiv.innerHTML);
			Buttonsdiv.innerHTML = response[7];
			var box = {};
window.addEvent('domready', function(){
box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true ,movieWidth: 400, movieHeight: 50,showControls:false });
});
      }else {alert('There was a problem with the request.');}}
  }catch(e){}
}


function shoppingurl(Thost,catId,pdId){
 var shadeId=document.getElementById("productShadeId").value;	
 var shadeqty=document.getElementById("shadeqty").value;	
//alert(window.location.href =Thost);
window.location.href ='viewBasket.php?action=add&c='+catId+'&p='+pdId+'&s='+shadeId+'&g=0&v=0&q='+shadeqty;
  //alert(shadeId);
}
function alfanumericOnly(i)
{
	
	if(i.value.length>0)
	{
		i.value = i.value.replace(/[^\d\a-z\A-Z\s]+/g, '');
	}
}
String.prototype.trim = function() 
{ 
	return this.replace(/^\s+|\s+$/g, ''); 
}
function validationSearch(txtsearch1)
{//debugger
	var txtsearch = document.getElementById(txtsearch1);
	if(txtsearch.value.trim()=="")
		return false;
	else
	{
		txtsearch.value=txtsearch.value.trim();
		return true;
	}
}
function titlechange(){
	var title = document.getElementById('title');
	var title2 = document.getElementById('title2');
	//alert(title.value);
	if(title.value=="other"){
		//alert(title.value);
		title2.style.display = 'inline';
		title.style.display = 'none';
		
	}
	
}
var modifybillingget2='';
function modify_billing_req2(){
	var url='modifyAccount/modifyBillingDetails2.php?divid=billingDetails';
	var divid='billingDetails';
	var card = document.getElementById('cardtype');	
  url=url+'&tcard='+card.value+'&time='+genNumbers();
 billingInfoId=document.getElementById(divid);
  oldbillingInfo=billingInfoId.innerHTML;  
  modifybillingget2=createajax_opac();MakeGetRequest_opac(url,"modybilling2",modifybillingget2);
 
}
function modybilling2(){
	
  try{
    if(modifybillingget2.readyState == 4)
	{ 
	  if(modifybillingget2.status == 200)
	  {
		     var response =modifybillingget2.responseText.split("|");
		     //alert(oldbillingInfo);
		 billingInfoId.innerHTML = response[0];
		 	window.addEvent('domready', function(){
    new FormCheck('formular');
});

      }else {alert('There was a problem with the request.');}}
  }catch(e){}
}
function checkcard(){
	
var card = document.getElementById('cardtype');	
var issueno = document.getElementById('issueno');	
var tempcard='';
		   if(card.value=='SWITCH'){tempcard='UK Maestro / EDC Maestro';}	
		   if(card.value=='SOLO'){tempcard='Solo';}	
if(tempcard){
	//modify_billing_req2();
	//alert('gdsgdsg');
	issueno.className="validate['required','length[1,2]','digit']";
	issueno.value="";
	issueno.type='password';
	 	window.addEvent('domready', function(){
    new FormCheck('formular');
});


}
else{issueno.className="";
issueno.value="";
issueno.type='hidden';

	 	window.addEvent('domready', function(){
    new FormCheck('formular');
});}
		


}
function checkcard2(){
	
var card = document.getElementById('cardtype');	
var issueno = document.getElementById('issueno');	
var tempcard='';
		   if(card.value=='SWITCH'){tempcard='UK Maestro / EDC Maestro';}	
		   if(card.value=='SOLO'){tempcard='Solo';}
   
		   
if(tempcard){
	//modify_billing_req2();
	//alert('gdsgdsg');
	issueno.className="validate['required','length[1,2]','digit']";
	issueno.readOnly=false;
	issueno.value="";
	issueno.type='password';
	 	window.addEvent('domready', function(){
    new FormCheck('registrationfrm');
});

}
else{issueno.className="";
issueno.value="";
issueno.type='hidden';
	 	window.addEvent('domready', function(){
    new FormCheck('registrationfrm');
});}

}

function updatedelivery2(){
	if(document.getElementById('issueno')){
  if((document.getElementById('issueno').className)&&((document.getElementById('issueno').value==1)||(document.getElementById('issueno').value==1))){
		return false;
	}
	else{
	document.registrationfrm.btnreg.click();
	}
	}
	else{
	document.registrationfrm.btnreg.click();	
		
	}
}

function checkterms()
{
	var checkboxcc = document.getElementById('checkboxcc');	
var concheckbox = document.getElementById('concheckbox');	
var cclink = document.getElementById('mb');	

	if(checkboxcc.checked)
	{   //alert('checked');
		 submitForm('storeform','proceed');
	}
	else
	{    
		concheckbox.className='mandatory';
		cclink.style.color='#ff0000';
	 /* window.location="#theTop1";
		alert('notchecked');*/
	}
	
}
function cancelD()
{
window.location.href='my_account.php';
}

  function samedetails()
{
var baddress1 = document.getElementById('baddress1');        
var baddress2 = document.getElementById('baddress2');        
var baddress3 = document.getElementById('baddress3');
var address1 = document.getElementById('address1');        
var address2 = document.getElementById('address2');        
var address3 = document.getElementById('address3');        
var town = document.getElementById('town');        
var btown = document.getElementById('btown');        
var bcity = document.getElementById('bcity');        
var city = document.getElementById('city');        
var bpincode = document.getElementById('bpincode');        
var postcode = document.getElementById('postcode');        
var bcountry = document.getElementById('bcountry');        
var country = document.getElementById('country');        
var checkaddress = document.getElementById('checkaddress');        
if(checkaddress.checked){
       
       baddress1.value=address1.value;
       baddress2.value=address2.value;
       baddress3.value=address3.value;
       btown.value=town.value;
       bcity.value=city.value;
       bpincode.value=postcode.value;
       bcountry.value=country.value;
       
}else
{
       baddress1.value='';
       baddress2.value='';
       baddress3.value='';
       btown.value='';
       bcity.value='';
       bpincode.value='';
    //   bcountry.value='';
}

       
}
 
function IsIE()
    {

        return ( navigator.appName=="Microsoft Internet Explorer" );

    }
    
function IsIENONE(){	
if (IsIE())
        {
         
          box=document.getElementById('title');
		 // alert(box);
 if(box){
var control=box.form.elements;
for (var i=0;i<control.length;i++) {
if (control[i].type.match(/select/i)) {
if (box.checked) control[i].selectedIndex=1;
control[i].style.display="none";
}
}}
        }
		
		}
function IsIEBLOCK()	{
if (IsIE())
        {
         
          box=document.getElementById('title');
		 // alert(box);
 if(box){
var control=box.form.elements;
for (var i=0;i<control.length;i++) {
if (control[i].type.match(/select/i)) {
if (box.checked) control[i].selectedIndex=1;
control[i].style.display="inline";
}
}}
        }
		// location.reload(true);
		}	
		
function personalize(catid,pdid,shid,pdname,shadename){


if(catid==0){
	window.location.href='gift_personalisation.php';
}else{
//alert('vdgdgd');
window.location.href='gift_personalisation.php?catId='+catid+'&pdId='+pdid+'&shId='+shid+'&pdname='+pdname+'&shadename='+shadename+'&from=p';

}
}
function checkcode(code)
{    
     var valid = document.getElementById('valid');
	   var vbalance = document.getElementById('vbalance'); 
	valid.innerHTML="";vbalance.style.display="none";
	if((code.value.length==8)){
		
	checkvpcode(code.value);
	}
	
	
	
}
function continueprocess(shipping){
	//var vpcode="1";
	//checkvpcode(vpcode);
	var voucherprocode = document.getElementById('voucherprocode');
	
	var totalvalue = document.getElementById('totalvalue');  
	if(voucherprocode.value==""){
		//alert(totalvalue.value);
		window.location.href='process.php?Step=1&action=updatev&confirm='+totalvalue.value+"&deliverycharge="+shipping;
	}else{ //alert(totalvalue.value);
	//alert('process.php?Step=1&action=update&confirm='+totalvalue.value+"&deliverycharge="+shipping);
window.location.href='process.php?Step=1&action=update&confirm='+totalvalue.value+"&deliverycharge="+shipping;}
}
var checkvpcodePost="";
function checkvpcode(vpcode){
	//alert(vpcode);
	 var sessionid = document.getElementById('sessionid');
 var totalvalue = document.getElementById('subTotal');     
     
  var url="library/vpcodeverification.php";
    var parameters="code=" +encodeURI(vpcode)+"&sessionid="+encodeURI(sessionid.value)+"&totalvalue="+encodeURI(totalvalue.value);
	//alert(url);
	checkvpcodePost=createajax_opac();MakePostRequest_opac(url,parameters,"managecheckvpcodePost",checkvpcodePost);
}
function managecheckvpcodePost(){
	//alert('hgjghj'); 
  try{
    if(checkvpcodePost.readyState == 4)
	{ 
	  if(checkvpcodePost.status == 200)
	  {
		     var response =checkvpcodePost.responseText.split("|");
		//	 alert(response);
			 	resonsehandler(response);
			 
			//window.location.href='process.php?Step=1';
	 }else {alert('There was a problem with the request.');
	 }}
  }catch(e){}

}
function resonsehandler(response){
	//alert(response);
	//  response =response.split(",");
			  if(response[0]=='Valid'){
	//	alert(response[0]);
		 var valid = document.getElementById('valid');
			  				valid.innerHTML="<img src='images/accept.png' >";
												 var totalvalue = document.getElementById('totalvalue'); 
			 var totaltb = document.getElementById('totaltb'); 
			  var vpcodevalue = document.getElementById('vpcodevalue'); 
			   
			  var vbalance = document.getElementById('vbalance'); 
			   var vbalancevalue = document.getElementById('vbalancevalue'); 
			   var discount = document.getElementById('discount'); 
			   var subTotal = document.getElementById('subTotal');
			  var tvalue=subTotal.value;
			  discount.value=response[1];
	//  
				if(response[2]=='absolute'){
		
											
				//	alert(response[2]);

					

					vpcodevalue.innerHTML='&pound;'+eval(response[1]);
					totalvalue.value=tvalue-discount.value;
				//	totalvalue.value=tvalue-((subTotal.value*discount.value)/100);
//alert(tvalue);
					//alert(((totalvalue.value*discount.value)/100));
					totaltb.innerHTML='&pound;'+Math.round(totalvalue.value*100)/100;
					if(response[3]!=0){
vbalance.style.display="block";			
vbalancevalue.innerHTML='&pound;'+eval(response[3]);
}
					}else{
					//	alert(response[2]);
                     // discount.value=response[1];
	//  
											
					//alert(response[1]);

					totalvalue.value=tvalue-response[1];
//alert(tvalue-discount.value);
					//vpcodevalue.innerHTML='&pound;'+eval(response[1]);
				//	totalvalue.value=tvalue-((100*discount.value)/100);
					//alert(discount.value);
				totaltb.innerHTML='&pound;'+Math.round(totalvalue.value*100)/100;
			
		
							vpcodevalue.innerHTML='&pound;'+eval(response[1]);			
				}}
		 else{
				 // alert(response[0]);
				 	 var totalvalue = document.getElementById('totalvalue'); 
			 var totaltb = document.getElementById('totaltb'); 
			  var vpcodevalue = document.getElementById('vpcodevalue'); 
			   var valid = document.getElementById('valid'); 
			  var vbalance = document.getElementById('vbalance'); 
			   var vbalancevalue = document.getElementById('vbalancevalue'); 
			   var discount = document.getElementById('discount'); 
			   var subTotal = document.getElementById('subTotal');
			  
				valid.innerHTML=response[0];
				  discount.value=response[1];
					vpcodevalue.innerHTML='&pound;'+(response[1]);
					totalvalue.value=subTotal.value;
						totaltb.innerHTML='&pound;'+Math.round(subTotal.value*100)/100;
				
				//resonsehandler(response);
			  }
			
	return;
}
function nospace(i)
{
if(i.value.length>0)
{
i.value = i.value.replace(/[^\w]+/g, '');
}
}
var changeRegionPost="";
function changeRegion(){
	//alert(vpcode);
	// var sessionid = document.getElementById('sessionid');
 var changeRegionID = document.getElementById('changeRegionID');     
     
  var url="library/changeRegion.php";
   var parameters="code=" +encodeURI(changeRegionID.value);
	//alert(changeRegionID.value);
	changeRegionPost=createajax_opac();MakePostRequest_opac(url,parameters,"managechangeRegionPost",changeRegionPost);
}
function managechangeRegionPost(){
	//alert('hgjghj'); 
  try{
    if(changeRegionPost.readyState == 4)
	{ 
	  if(changeRegionPost.status == 200)
	  {
		     var response =changeRegionPost.responseText.split("|");
			 alert(response);
			 //	resonsehandler(response);
			 
			//window.location.href='process.php?Step=1';
	 }else {alert('There was a problem with the request.');
	 }}
  }catch(e){}

}