var product_variations = '';
var test = '';

function changeColour(variations, obj){
	var image = '';
	var images = [];
	if(obj.value){
		var objValue = obj.value;
		$('sizes').options.length = 0;
		var products = product_variations[objValue];
		var c =0;
		for (i in products){   
			if (products[i].id && products[i].title){  
				var option = document.createElement("OPTION");
				var text = products[i].title.split('Size=');
				option.value = products[i].id;
				if (products[i].stock<=0){ option.value += '~soldout'; }				
				option.text = text[1];
				if (products[i].stock<=0){ option.text += ' (SOLD OUT)'; }	
		
				var sizes = document.getElementById('sizes');
				if (BrowserDetect.browser == 'Explorer'){
					sizes.options.add(option); 			
				}else {
					sizes.appendChild(option);
				}
				if (c==0){
					updateSize(option.value, products[i].rrpPrice, products[i].specialPrice, products[i].onSpecial);
					if (products[i].image){
						image = products[i].image;
						images = products[i].images;
					}
				}else if (!image && products[i].image){
					image = products[i].image;
					images = products[i].images;
				}
				c++;
			}
		}  
		changeProductImage(image,images);		
	}
}


function changeSizeColour(variations, colourObj, sizeObj){ 
	var image = '';
	var images = [];
	if(colourObj.value) { //alert(colourObj.value);
		var objValue = colourObj.value;
//		console.log(sizObjlue);
		var products = product_variations[objValue];
		for (i in products){ 
			//console.log(products[i]);
			if (products[i].id && products[i].title){  
//				console.log('Title',products[i].title);
				if (products[i].id==sizeObj.value && products[i].image){
					image = products[i].image;
					images = products[i].images;
				}
			}
		}
		changeProductImage(image, images);
	}
}



function changeProductImage(image,images){// alert('img '+image);
	if (Lightbox){
		if (image){
			$('imgPL').src = '/cms/image.php?f='+image+'&s=300x400';
			if ($('slimbox_href')){
				$('slimbox_href').href='/cms/image.php?f='+image+'&s=780x500';
			}
		}
		
		//clear images from previous product
		if (Lightbox.anchors){
			for(i=Lightbox.anchors.length-1; i>0; i--){ 
				Lightbox.anchors.pop();	
			}
		}
		$('imagesContainer').innerHTML = '';
		
		//insert images on currect product
		if (images.length>0){  
			for (i=0; i<images.length;i++){  
				newElement = document.createElement("A");				
				newElement.setAttribute('rel','lightbox[product]');
				newElement.setAttribute('href','cms/image.php?f='+images[i].file+'&s=780x500');	
				newElement.innerHTML='<img src="/cms/image.php?f='+images[i].file+'&s=59x79" id="imgPL" border="0" alt="'+images[i].title+'"/>';	
				
				Lightbox.anchors.push(newElement);
//				newElement.injectInside($('imagesContainer'));   //CAUSING PROB IN IE
				newElement.onclick = Lightbox.click.pass(newElement, Lightbox);
				$('imagesContainer').appendChild(newElement);
			}
		}
	}
//	console.log(Lightbox.anchors.length);
}

function updateSize(id, rrpPrice, specialPrice, onSpecial){ 
	id = id.toString();
	var soldout = id.split('~');
	
	if (soldout[1] && soldout[1]=='soldout'){
		id = soldout[0];	
		$('qty_addtocart').style.display = 'none';
		$('addCart').style.display = 'none';
	}else {
		if ($('qty_addtocart')) { $('qty_addtocart').style.display = 'block'; }
		if ($('addCart')) { $('addCart').style.display = 'block'; }
	}
	
	if (id && document.shoppingFrm.id){  
		document.shoppingFrm.id.value = id;	
	}
	/*update price*/
	if (rrpPrice){
		if (onSpecial>0){
			if ($('price')) {$('price').innerHTML = '<strike>'+rrpPrice+' ea. </strike>  <span class="special">'+specialPrice+' ea. </span>'; }
		}else {
			$('price').innerHTML = rrpPrice+' ea.';	
		}
	}else { 
		var temp = product_variations[$('colour').value]; 
		var c =0;
		for (i in temp){
			if (temp[i].id && temp[i].id==id){ 
				if (temp[i].rrpPrice){
					rrpPrice = temp[i].rrpPrice;
					if (temp[i].onSpecial>0){
						specialPrice = temp[i].specialPrice;
						$('price').innerHTML = '<strike>'+rrpPrice+' ea. </strike>  <span class="special">'+specialPrice+' ea. </span>';
					}else {
						$('price').innerHTML = rrpPrice+' ea.';	
					}
				}
			}
		}
	}
}

function checkQtyKeyStroke(obj,e){
	//detect type of key stroke
	if (e && e.which){
		characterCode = e.which;	
	}else {
		characterCode = e.keyCode;	
	}  
	switch (characterCode){
		case '8':    	//backspace
		case '9':		//tab
		case '37':		//arrow left
		case '39':		//arrow right
		case '46':		//delete
			return false;
			break;
		default:
			if (characterCode<48 || characterCode>57){
				return false;	
			}
	}
	return true;
}

function checkQtyWithStock(obj){	
	var productstock = 0;
	$('errorMsgProd').innerHTML='';
	
	if(obj.value && obj.value>0){
		if ($('product_id').value){
			var id = $('product_id').value;
			
			for(i in product_variations){
				if (product_variations[i]){
					var products = product_variations[i];
					for(c in products){
						if (products[c].id && products[c].id==id){
							productstock = products[c].stock;
						}	
					}
				}
			}
			if (productstock && obj.value>productstock){
				$('errorMsgProd').innerHTML='Sorry, the quantity you have selected is not available. <br>Please adjust your order quantity.';
				obj.value = 1;
				//obj.value = productstock;
			}	
		}
		$('addCart').style.display='block';
	}else {		
		$('errorMsgProd').innerHTML='Please enter the quantity of your order'; 
		$('addCart').style.display='none';
	}
}


/* VIP FORM */
function removeAChild(id){
	if ($('numberofchildren').value>0){
		$('numberofchildren').value--;
		if ($('numberofchildren').value>=10){
			$('addChildBt').style.display = 'none';
		}else 	$('addChildBt').style.display = 'block';
	}

	var classObj = 'child_'+id

	$(classObj).style.display = "none";
	$(classObj).remove();
}


function addChild(){
	var child_1 = '<div id="child_1">'+
                '<h4 class="formElement">Child 1  &nbsp;<a href="javascript:void(0);" onclick="removeAChild(1); return false;" class="removechild">(remove)</a></h4>'+
               '<div class="formElement">'+
                    '<label>Child\'s First Name<span class="star">*</span></label>'+
                    '<input type="text" class="text required" name="child_1_firstname"/>'+
                '</div>'+
                '<div class="formElement">'+
                    '<label>Child\'s Last Name<span class="star">*</span></label>'+
                    '<input type="text" class="text required" name="child_1_lastname"/>'+
                '</div>'+
                '<div class="formElement">'+
                    '<label>Gender<span class="star">*</span></label>'+
                    '<select class="required" name="child_1_gender"/>'+
                    	'<option value="Female">Female</option>'+
                    	'<option value="Male">Male</option>'+
                    '</select>'+
                '</div>'+
               ' <div class="formElement formDOB">'+
                    '<label>Date of Birth<span class="star">*</span></label>'+
                    '<input type="text" class="text dd required" name="child_1_dd" maxlength="2" /><b>-</b>'+
                    '<input type="text" class="text mm required" name="child_1_mm" maxlength="2" /><b>-</b>'+
                    '<input type="text" class="text yy required" name="child_1_yy" maxlength="4" />'+
                    '(dd-mm-yyyy)'+
                '</div>';
				
	var innerhtml = '';
	$('numberofchildren').value ++;
	if ($('numberofchildren').value>=10){
		$('addChildBt').style.display = 'none';
	}else 	$('addChildBt').style.display = 'block';

	var newChild = document.createElement('DIV');
	if (child_1 && $('numberofchildren').value<=10){
		var innerhtmls = child_1.split('1');  
		for(var i=0; i<innerhtmls.length; i++){ 
			if (i>0) { innerhtml += $('numberofchildren').value;  }
			innerhtml += innerhtmls[i];
		}
		newChild.innerHTML = innerhtml;	
	}
	$('children').innerHTML += newChild.innerHTML;
	//newChild.inject($('children'));   //js error on IE6
}

function showStates(obj){
	if (obj.value && 
		(obj.value=="Australia" || obj.value=="New Zealand")){ 
	
		$('statecontainer').innerHTML = '<select name="state" id="state" class="required" onchange="showFavStockist(this,\''+obj.value+'\')"></select>';
		
		var request = new Ajax( 
			'custom/updateList.php/?action=states&country='+obj.value,
			{
				method: 'get',
				headers: {'Content Length': 1024},
				evalScript:true, 
				onComplete:function(object){ 
						/* Create suburb list*/
						var response = eval(request.response.text);
						for(i in response){							
							if (response[i].state_code){  
								if ($('state')){ 
									createOption(response[i].state_code, response[i].state_code, 'state');
								}
							}
						}
						showFavStockist($('state'),obj.value);
				}
			}
		).request();
	}else {
		$('statecontainer').innerHTML = '<input type="text" name="state" id="name" class="text required">';
		showFavStockist($('state'),'');
	}
}


function showFavStockist(obj,country){ 
	if (obj && obj.value){ 

		$('1st_favourite_stockist').options.length = 0;
		$('2nd_favourite_stockist').options.length = 0;
		$('3rd_favourite_stockist').options.length = 0;

		$('stockist').style.display = "block";

		var request = new Ajax( 
			'custom/updateList.php/?action=favstockist&country='+country+'&state='+obj.value,
			{
				method: 'get',
				headers: {'Content Length': 1024},
				evalScript:true, 
				onComplete:function(obj){ 
						/* Create suburb list*/
						createOption('None', 'None', '1st_favourite_stockist');
						createOption('None', 'None', '2nd_favourite_stockist');
						createOption('None', 'None', '3rd_favourite_stockist');
						var response = eval(request.response.text);
						for(i in response){
							if (response[i].name && response[i].suburb){  
								createOption(response[i].name+', '+response[i].suburb, response[i].name, '1st_favourite_stockist');
								createOption(response[i].name+', '+response[i].suburb, response[i].name, '2nd_favourite_stockist');
								createOption(response[i].name+', '+response[i].suburb, response[i].name, '3rd_favourite_stockist');
							}
						}
				}
			}
		).request();
	}else {
		$('stockist').style.display = "none";
	}
}



function createOption(text, value, id){
	/*Empty List*/
	/*if (empty==true){
		document.getElementById(id).options.length = 0;
	}*/
	
	var option = document.createElement("OPTION") ;
	option.text = text;
	option.value = value;

	document.getElementById(id).options.add(option);
}

function addGiftWrap(obj){
	if (obj.value){
		$('giftwrap').submit();	
	}
}

function showCheckoutStates(obj,id){
	if (obj.value && 
		(obj.value=="Australia" || obj.value=="New Zealand")){ 	
		
		/* Ajax request */
		var responseValid=false;
		var url = 'custom/updateList.php/?action=states&country='+obj.value;
		var request = new Ajax( 
			url,
			{
				method: 'get',
				headers: {'Content Length': 1024},
				evalScript:true, 
				onComplete:function(object){ 
						$(id).innerHTML = '<select name="'+id+'" id="'+id+'_input" class="required"></select>';
						/* Create suburb list*/
						response = eval(request.response.text);
						for(i in response){							
							if (response[i].state_code && $(id+'_input')){  
								createOption(response[i].state_code, response[i].state_code, id+'_input');
								responseValid = true;
							}
						}
				}
			}
		).request();
		
		/* if no response returned */
		if (!responseValid){
			$(id).innerHTML = '<input type="text" name="'+id+'" id="'+id+'_input" class="text required">';
		}
	}else {
		$(id).innerHTML = '<input type="text" name="'+id+'" id="'+id+'_input" class="text required">';
	}
	/*if (obj.value && 
		(obj.value=="Australia" || obj.value=="New Zealand")){ 
	
		$(id).innerHTML = '<select name="'+id+'" id="'+id+'_input" class="required"></select>';
		
		var request = new Ajax( 
			'custom/updateList.php/?action=states&country='+obj.value,
			{
				method: 'get',
				headers: {'Content Length': 1024},
				evalScript:true, 
				onComplete:function(object){ 
						// Create suburb list
						var response = eval(request.response.text);
						for(i in response){							
							if (response[i].state_code){  
								if ($(id+'_input')){ 
									createOption(response[i].state_code, response[i].state_code, id+'_input');
								}
							}
						}
				}
			}
		).request();
	}else {
		$(id).innerHTML = '<input type="text" name="'+id+'" id="'+id+'_input" class="text required">';
	}*/
}



function test(){
	alert('test');
}