var web_address = "http://www.caesars-ceramics.co.uk/"


var Site = {

	start : function(){
		Site.rightformhover ();
		Site.tabdropdown();
		Site.hideSelects('visible');

		Site.myaccount_login();
		
		Site.active_field();
		Site.form_tips();
		
		//Site.AddBasket();
		
		Site.LoadBasket();
		
		Site.use_billing_address();
		
		Site.catimg_hover();
		
		Site.show_colours();
				
	},

	
	rightformhover : function() {

		if (window.ie) {
			
			$$('.formbutton').each(function(item){
			
				item.addEvent('mouseover', function(e) {
						item.addClass('grey_blue_on');
				});
				
				item.addEvent('mouseout', function(e) {
						item.removeClass('grey_blue_on');
				});
			
			});
				
		}  


	},
	
	tabdropdown : function(){
		
	if(document.getElementById('nav'))	{
		if (window.ie) {
		
			litags = document.getElementById('nav').getElementsByTagName('li');
	
			for (i=0;i<litags.length;i++){
	
				litags[i].onmouseover=function() {
						this.className+=" over";
						Site.hideSelects('hidden');
					}
					
				litags[i].onmouseout=function() {
						this.className=this.className.replace(" over", "");
						Site.hideSelects('visible');
					}	
				
				} 
				
		}  
	}
		
	},
	
	hideSelects : function(action) { 
		if (action!='visible'){action='hidden';}
			if (navigator.appName.indexOf("MSIE")) {
			for (var S = 0; S < document.forms.length; S++){
				for (var R = 0; R < document.forms[S].length; R++) {
					if (document.forms[S].elements[R].options) {
					document.forms[S].elements[R].style.visibility = action;
					}
				}
			} 
		}
	},	
	
	myaccount_login : function(){
	
		if($('myacc_email'))
	
		$('myacc_login').addEvent('click', function(e) {
			
		var myacc_overlay = $('myacc_overlay');
		
		myacc_overlay.addClass('loading');
		myacc_overlay.setStyle('opacity', 0);
		myacc_overlay.setStyle('display','block');
		myacc_overlay.effect('opacity').start(0,1);
		
		var right_myacc = $('right_myacc').getSize().size.y;
		myacc_overlay.setStyle('height', right_myacc);
													
		var url = web_address+"_control/_inc/login.asp";
		var myacc_email = $('myacc_email').value;
		var myacc_password = $('myacc_password').value;
		
		var fx = myacc_overlay.effect('background-color', {wait: false});
		 
		fx.start('fff').chain(function(){
												  
				new Ajax(url, {
					method: 'get',
					data: 'myacc_email=' + myacc_email + '&myacc_password='+ myacc_password +'&cache='+ $random(1,99999),
					update: $('right_myacc'),
					evalScripts: true,
					onComplete: function(response) {
						
						myacc_overlay.removeClass('loading');
						myacc_overlay.effect('opacity').start(1,0);
						myacc_overlay.setStyle('display','none');
						
						Site.myaccount_login();
						Site.active_field();
							
					}	
				}).request();	
				
		});		
				
				
		});
	
	},
	
	AddBasket : function(){
	
		if($('addtobasket'))
	
			$('addtobasket').addEvent('click', function(e) {
														
			if(document.item_detail.product_size.value=="#")
			{
				alert("Please select a product size");
				return false;
			}else{
			
			$('addtobasketspan').setHTML('Adding to Basket.....');
			$('addtobasket').addClass('loading_small');
			//$('addtobasket').effect('opacity').start(1,0);
				
			var basket_overlay = $('basket_overlay');
			
			basket_overlay.addClass('loading_yellowbg');
			basket_overlay.setStyle('opacity', 0);
			basket_overlay.setStyle('display','block');
			basket_overlay.effect('opacity').start(0,1);
			
			var right_basket = $('right_basket').getSize().size.y;
			var right_myacc = $('right_myacc').getSize().size.y;
			
			basket_overlay.setStyle('height', right_basket);
			basket_overlay.setStyle('top', right_myacc+5);
			
			var url = web_address+"_control/_inc/change_basket.asp";
			
			var formarray=new Array();
			
			formarray[0] = 'add_item';
			formarray[1] = 'product_id';
			formarray[2] = 'product_title';
			formarray[3] = 'product_variation';
			formarray[4] = 'product_size';
			formarray[5] = 'product_colour';
			formarray[6] = 'our_price';
			formarray[7] = 'rrp_price';
			formarray[8] = 'quantity';
			formarray[9] = 'preset_personalisation';
			formarray[10] = 'custom_no';
			formarray[11] = 'custom_name';
			
			var qstr = "";
			
			for (i=0;i<formarray.length;i++){
	
				if($(formarray[i])){
					var formvar = $(formarray[i]).value;
				}else{
					var formvar = "";
				}
				
				
				qstr = qstr + '&' + formarray[i] + '=' + formvar
				
			} 
			
			var fx = basket_overlay.effect('background-color', {wait: false});
			 
			fx.start('fcea9e').chain(function(){
													  
					new Ajax(url, {
						method: 'get',
						data: 'right_basket=true&cache='+ $random(1,99999) + qstr,
						update: $('right_basket_div'),
						evalScripts: true,
						onComplete: function(response) {
							
							basket_overlay.removeClass('loading_yellowbg');
							basket_overlay.effect('opacity').start(1,0);
							basket_overlay.setStyle('display','none');
							
							$('addtobasketspan').setHTML('Add to Basket');
							$('addtobasket').removeClass('loading_small');
							
							$('ulbasket').setStyle('opacity', 0);
							$('ulbasket').effect('opacity').start(0,1);
							
							var fx2 = $('ulbasket').effects({duration: 1000, transition: Fx.Transitions.Quart.easeOut});						
							
							$('ulbasket').setStyle('background', 'FEFBEB');
							
							fx2.start({
								'background-color': '#FBCB05'
							}).chain(function() {
								this.start.delay(100, this, {
									'background-color': '#FEFBEB'
								});
							}).chain(function() {
								
								$('ulbasket').setStyle('background', 'none');
												
							});					
							
						}	
					}).request();	
					
			});		
			
		}
			
				
				
		});
	
	},
	
	LoadBasket : function(){
		
		var right_basket = $('right_basket_div');
		
		if(right_basket){
		
			right_basket.addClass('loading');
			right_basket.setStyle('opacity', 0);
			right_basket.setStyle('display','block');
			right_basket.effect('opacity').start(0,1);
			right_basket.setStyle('height', 100);
			
			var fx = right_basket.effect('background-color', {wait: false});
			fx.start('fff').chain(function(){
			
			new Ajax(web_address+"_layout/basket.asp", {
				method: 'get',
				data: '&cache='+ $random(1,99999),
				update: right_basket,
				evalScripts: true,
				onComplete: function(response) {
					
					right_basket.removeClass('loading');
					right_basket.setStyle('height', 'auto');
						
				}	
			}).request();	
			
			});		
		}
				
		
	},
	
	active_field : function(){
	
		$$('.txtfld').each(function(item){
		
			item.addEvent('focus', function(e) {
											
					item.setStyle('color','#000');
					var fx = item.effect('background-color', {wait: true});
					fx.start('fcea9e');
					
			});
			
			item.addEvent('blur', function(e) {
					//item.setStyle('background','#fff');
					var fx = item.effect('background-color', {wait: true});
					fx.start('fff');
			});
		
		});
	
	},
	
	form_tips : function(){
	
		$$('.formstyle .txtfld').each(function(item){
			
			var fx = new Fx.Style(item.name+'_txt', 'opacity', {duration: 500, wait: false}).set(0);						
		
			item.addEvent('focus', function(e) {
											
				fx.start(1);							
					
			});
			
			item.addEvent('blur', function(e) {
										   
											   
				fx.start(0);								   
			});
		
		});
	
	},
	
	use_billing_address : function(){
		
		if($('use_billing')){
			$('use_billing').addEvent('click', function(e) {
														
				if($('use_billing').checked == 1){
					use_billing = "on"
				}else{
					use_billing = ""
				}
														
														
				new Ajax(web_address+"_control/_inc/myaccount.asp", {
					method: 'get',
					data: 'use_billing='+use_billing+'&cache='+ $random(1,99999),
					//update: div,
					evalScripts: true,
					onComplete: function(response) {
						
							
					}	
				}).request();	
					
			});
		}
		
	},
	
	catimg_hover : function(){
	
		$$('.cat_img').each(function(item){
									 
			var idarray=item.id.split("_");
			var itemid = idarray[1];
									 
		
			item.addEvent('mouseover', function(e) {
											
				$('a_'+itemid).addClass('a_hover');
				$('span_'+itemid).addClass('span_hover');
					
			});
			
			item.addEvent('mouseout', function(e) {
											
				$('a_'+itemid).removeClass('a_hover');
				$('span_'+itemid).removeClass('span_hover');
				
			});
		
		});
	
	},
	
	show_colours : function(){
	
		if($('more_colours')){
			
			var mySlide = new Fx.Slide('more_colours');
			
			mySlide.hide();
			
			$('more_colours').setStyle('display', 'block');
			 
			$('show_more_colours').addEvent('click', function(e){
												
				e = new Event(e);
				mySlide.toggle();
				//e.stop();
				this.toggleClass('show_more_colours_toggle');
				
			});
			
		}
	
	
	},
	
	
	ClearSearchForms : function(){
		
		var formarray=new Array();
		
		formarray[0] = 'product_colour';
		formarray[1] = 'product_size';
		formarray[2] = 'product_sliprating';
		
		for (i=0;i<formarray.length;i++){

			$(formarray[i]+'_div').addClass('disabled');
			$(formarray[i]).setProperty('disabled','true');	
			
		} 
		
		 // $('sub_id').setProperty('disabled','');
		 // $('sub_id_divrow').addClass('disabled');
		
		
	},
	
	GetProducts : function (str1, str2, str3, str4, str5){
		
		var url = "getproducts.asp";
		var div = $('total_products_divrow').empty().addClass('loading_products');
		
		new Ajax(url, {
			method: 'get',
			data: 'parent_id='+str1+'&sub_id=' + str2 + '&product_colour=' + str3 + '&product_size=' + str4 + '&product_sliprating=' + str5 + '&cache='+ $random(1,99999),
			update: div,
			evalScripts: true,
			onComplete: function(response) {
				
				Site.ShowProducts(str1, str2, str3, str4, str5);
				$('total_products_divrow').removeClass('loading_products')
				
			}	
		}).request();	
		
	},
	
	ShowProducts : function (str1, str2, str3, str4, str5){
		
		if($('showproducts')){
			
			$('showproducts').addEvent('click', function(e) {
														 
				var url = "showproducts.asp";
				var div = $('show_products_div').empty().addClass('loading_search');
				var fx = div.effects({duration: 600, transition: Fx.Transitions.Quart.easeOut});
				
				var scroll = new Fx.Scroll(window, {
					wait: false,
					duration: 500,
					offset: {'x': 0, 'y': 0},
					transition: Fx.Transitions.Quad.easeInOut
				});	
			
				scroll.toElement(div);
				
				fx.start({
					//'background-color': '#ccc',
				}).chain(function(){
					this.start.delay(0, this, {
						//'background-color': '#fff'
					});
					
					//div.addClass('loading_search');
					
				}).chain(function() {
					
					new Ajax(url, {
						method: 'get',
						data: 'parent_id='+str1+'&sub_id=' + str2 + '&product_colour=' + str3 + '&product_size=' + str4 + '&product_sliprating=' + str5 + '&cache='+ $random(1,99999),
						update: div,
						evalScripts: true,
						onComplete: function(response) {
							
							div.removeClass('loading_search');
							
						}	
					}).request();	
					
				});											   
				
					
			});
			
		}
		
		
	},
	
	ShowProducts2 : function (str1, str2, str3, str4, str5){
		
			
		var orderby = $('order_by').value;
		
		var url = "showproducts.asp";
		var div = $('show_products_div').empty().addClass('loading_search');
		var fx = div.effects({duration: 600, transition: Fx.Transitions.Quart.easeOut});
		
		var scroll = new Fx.Scroll(window, {
			wait: false,
			duration: 500,
			offset: {'x': 0, 'y': 0},
			transition: Fx.Transitions.Quad.easeInOut
		});	
	
		scroll.toElement(div);
		
		fx.start({
			//'background-color': '#ccc',
		}).chain(function(){
			this.start.delay(0, this, {
				//'background-color': '#fff'
			});
			
			//div.addClass('loading_search');
			
		}).chain(function() {
			
			new Ajax(url, {
				method: 'get',
				data: 'parent_id='+str1+'&sub_id=' + str2 + '&product_colour=' + str3 + '&product_size=' + str4 + '&product_sliprating=' + str5 + '&order_by='+orderby+'&cache='+ $random(1,99999),
				update: div,
				evalScripts: true,
				onComplete: function(response) {
					
					div.removeClass('loading_search');
					
				}	
			}).request();	
			
		});											   
				
					
		
	},
	
	GetSubCategories : function (){
		
		if($('parent_id')){
			
			var form = $('parent_id');
			var form_button = $('parent_id_button');
			var url = "subcat.asp";
		
			var div = $('sub_id_span');
			
			if($('sub_id')){
			 $('sub_id').setProperty('disabled','true');
			 $('sub_id_divrow').addClass('disabled');
			}
		 
			//form.value = "";
		
			//form_button.addEvent('click', function(e) {
										 
			if(form.value != ""){
				
					div.addClass('loading_small');
				
					parent_id = form.value
					
					//var myindex  = form.selectedIndex;
					//var SelValue = form.options[myindex].value;
				
					new Ajax(url, {
						method: 'get',
						data: 'parent_id=' + parent_id + '&cache='+ $random(1,99999),
						update: div,
						evalScripts: true,
						onComplete: function(response) {
							
							 $('sub_id').setProperty('disabled','');
							 $('sub_id_divrow').removeClass('disabled');
							 
							 Site.GetProducts(parent_id,'','','','');
							 //Site.GetSubProducts(parent_id);
							 
							 div.removeClass('loading_small');
							 
							
						}	
					}).request();	
				
			}
				
			//});
		
		}
		
	},
	
	GetSubProducts : function (){
		
		if($('sub_id')){
			
			var form = $('sub_id');
			var form_button = $('sub_id_button');
		
			//form_button.addEvent('click', function(e) {
										 
				if(form.value != ""){
					
					sub_id = form.value
					
					Site.GetSubColours();
					//Site.GetProducts($('parent_id').value,sub_id,'','','');
				}
				
			//});
		
		}
		
	},
	
	
	GetSubColours : function (){
		
		var url = "colours.asp";
		var div = $('product_colour_span');
		div.addClass('loading_small');
		
		if($('product_colour')){
			$('product_colour').setProperty('disabled','true');
			$('product_colour_div').addClass('disabled');
		}
		
		new Ajax(url, {
			method: 'get',
			data: 'sub_id=' + $('sub_id').value + '&cache='+ $random(1,99999),
			update: div,
			evalScripts: true,
			onComplete: function(response) {
				
				$('product_colour_div').removeClass('disabled');
				$('product_colour').setProperty('disabled','');
		
				Site.GetProducts($('parent_id').value,$('sub_id').value,'','','');
				
				div.removeClass('loading_small');
				
			}	
		}).request();	
				
		
	},
	
	GetSubSizes : function (){
		
		var form = $('product_colour');
		var form_button = $('product_colour_button');
		
		var url = "sizes.asp";
		var div = $('product_size_span');
		
		if($('product_size')){
			$('product_size').setProperty('disabled','true');
			$('product_size_div').addClass('disabled');
		}
		
		
		//form_button.addEvent('click', function(e) {
										 
			if(form.value != ""){
				
				div.addClass('loading_small');
				
				new Ajax(url, {
					method: 'get',
					data: 'sub_id=' + $('sub_id').value + '&product_colour='+form.value+'&cache='+ $random(1,99999),
					update: div,
					evalScripts: true,
					onComplete: function(response) {
						
						$('product_size_div').removeClass('disabled');
						$('product_size').setProperty('disabled','');
						
						Site.GetProducts($('parent_id').value,$('sub_id').value,$('product_colour').value,'','');
						
						div.removeClass('loading_small');
						
					}	
				}).request();	
				
			}
				
		//});
		
	},
	
	GetSlipRating : function (){
		
		var form2 = $('product_size');
		var form_button2 = $('product_size_button');
		
		var url = "sliprating.asp";
		var div = $('product_sliprating_span');
		
		if($('product_sliprating')){
			$('product_sliprating').setProperty('disabled','true');
			$('product_sliprating_div').addClass('disabled');
		}
		
		//form_button2.addEvent('click', function(e) {
										 
			if(form2.value != ""){
				
					div.addClass('loading_small');
				
					new Ajax(url, {
						method: 'get',
						data: 'sub_id=' + $('sub_id').value + '&product_colour='+$('product_colour').value+'&product_size='+form2.value+'&cache='+ $random(1,99999),
						update: div,
						evalScripts: true,
						onComplete: function(response) {
							
							$('product_sliprating_div').removeClass('disabled');
							$('product_sliprating').setProperty('disabled','');
							
							Site.GetProducts($('parent_id').value,$('sub_id').value,$('product_colour').value,$('product_size').value,'');
							
							div.removeClass('loading_small');
							
						}	
					}).request();	
				
				
			}
				
		//});
		
	},
	
	Final_GetSlipRating : function (){
		
		var form = $('product_sliprating');
		
		if(form.value != ""){
			Site.GetProducts($('parent_id').value,$('sub_id').value,$('product_colour').value,$('product_size').value,$('product_sliprating').value);
		}
		
	}
	
	
	
	
};

window.addEvent('domready', Site.start);


//Pop Up
function popup(theURL,winName,features) {
	window.open(theURL,winName,features);
}

// Show Div
function showdiv(divid){
	document.getElementById(divid).style.display = (document.getElementById(divid).style.display == "none") ? "" : "none";
}
function hidediv(divid){
	document.getElementById(divid).style.display = "none";
}

// clearfields
function clearfield(thisfield){ 
	thisfield.value = "";
}

// Check Login
function CheckLoginForm()
{    
	var msg,submitFlag, f;
	msg = "";
	var flagfail = false;
	f = document.loginform;
	                 
	if(f.lem.value.indexOf("@") == -1 || f.lem.value.indexOf(".") == -1 || f.lem.value ==  "") 
	{	
    	msg = msg +  "  - A valid e-mail address\n";
		flagfail = true;
	}
	
	if(f.lpw.value ==  "")
	{
		msg = msg +  "  - Your password\n";
		flagfail = true;
	}
	
		
	msg = "Please complete the following field(s):\n\n" + msg;
	
	if (flagfail == true){
		alert(msg);
		return false;
	}
	
}

// Check Register
function CheckRegForm()
{    
	var msg,submitFlag, f;
	msg = "";
	var flagfail = false;
	f = document.new_account;
	                 
	if(f.reg_email_address.value.indexOf("@") == -1 || f.reg_email_address.value.indexOf(".") == -1 || f.reg_email_address.value ==  "") 
	{	
    	msg = msg + "	- A valid e-mail address\n";
		flagfail = true;
	}
	
	if(f.reg_password.value ==  "")
	{
		msg= msg + "	- Your password\n";
		flagfail = true;
	}
	
		
	if (flagfail == false){
		
		if (f.reg_password.value.toUpperCase() == f.confirm_password.value.toUpperCase()){
			flagfail = false;
		}
		else{
			flagfail = true;
			msg = "Passwords must match.";
		}
	}
	else{
		msg = "Please complete the following field(s):\n\n" + msg;
	}
	
	if (flagfail == true){
		alert(msg);
		return false;
	}
	
}

function CheckSubForm()
{    
	var msg,submitFlag, f;
	msg = "";
	submitFlag = 0;
	f = document.subform;
	
	                 
	if(f.sube.value.indexOf("@") == -1 || f.sube.value.indexOf(".") == -1 || f.sube.value ==  "") 
	{	
    	msg = msg +  " Please enter a valid email address";
		submitFlag = 1;
	}
	
			
	if(submitFlag == "1")
	{
		alert(msg);
		return (false);
	}

	else 
	{
	     return (true);
	}
}

// Check Contact Us form
function Checkform()
{    
	var msg,submitFlag, f;
	msg = "";
	submitFlag = 0;
	f = document.contact;
	                 
	
	if(f.Full_Name.value ==  "")
	{
		msg= msg + "     - Your Name \n";
		submitFlag = 1;
	}

	if(f.Email_Address.value.indexOf("@") == -1 || f.Email_Address.value.indexOf(".") == -1 || f.Email_Address.value ==  "") 
	{	
		msg= msg + "     - Email Address \n";
		submitFlag = 1;
	}
	
	if(f.Telephone_Number.value ==  "")
	{
		msg= msg + "     - Contact Number \n";
		submitFlag = 1;
	}
	
	
	if(f.Enquiry.value ==  "")
	{
		msg= msg + "     - Enquiry \n";
		submitFlag = 1;
	}
	
	
	msg = "Please complete the following before continuing :\n\n" + msg;
			
	if(submitFlag == "1")
	{
		alert(msg);
		return (false);
	}

	else 
	{
	      return (true);
	}
}


function textCounter(field,cntfield,maxlimit) {
	
	f = document.item_detail;
	flength = f.custom_name.value.replace(' ',"");
	fspaces = f.custom_name.value.split(' ').length;
	
	$('preset_personalisation').value = "";

	if (flength.length > maxlimit) // if too long...trim it!
	f.custom_name.value = f.custom_name.value.substring(0,((maxlimit+fspaces)-1));
	// otherwise, update 'characters left' counter
	else
	$(cntfield).innerHTML = maxlimit - (flength.length);
	
}



<!--
  
var win=null;
  
function open_window(mypage,myname,w,h,scroll,status,pos){
if(pos=="center"){
  LeftPosition=(screen.width)?(screen.width-w)/2:100;
  TopPosition=(screen.height)?(screen.height-h)/2:100;
}
else if((pos!="center" && pos!="random") || pos==null){
  LeftPosition=0;
  TopPosition=20;
}
settings='width='+w+',height='+h+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',location=no,directories=no,status='+status+',menubar=no,toolbar=no,resizable=no';
win=window.open(mypage,myname,settings);
}
  
// -->