var main_nav = new Array ("clearance","kite_boarding","landsnow_kiting","package_deals","paddle_boarding","resources","home","kite_boarding2","landsnow_kiting2","paddle_boarding2","package_deals2","clearance2","resources2");

var main_nav_off = new Image();
main_nav_off.src = "images/spacer.gif";

var isDone	  = true;

for (var cnt=0; cnt < main_nav.length; cnt++) {
	eval ('var '+main_nav[cnt]+' = new Image();');
	eval (main_nav[cnt] + '.src = "images/btn_'+ main_nav[cnt] + '.gif"');
}	


var common_nav = new Array ("go","adv_search","seeproduct","backtotop","addcart","last","next","addcart2","chat_live","proceed_to_checkout","login","sign_up","back2","next2","next3","complete_purchase","print_page","print_page2","back_to_orders","save_changes","change_your_address","go2","chat_live2","leave_message2","email_to_friend","leave_message","back","send");

for (var cnt=0; cnt < common_nav.length; cnt++) {
	eval ('var '+common_nav[cnt]+'_on = new Image();');
	eval (common_nav[cnt] + '_on.src = "images/btn_'+ common_nav[cnt] + '_on.gif"');
	eval ('var '+common_nav[cnt]+'_off = new Image();');
	eval (common_nav[cnt] + '_off.src = "images/btn_'+ common_nav[cnt] + '_off.gif"');
}	


var current_feature = '';


function selectedDropMenu (fieldname,value)
{
	for (var i=0; i < fieldname.length; i++)
	{
		if (fieldname.options[i].value == value)
			fieldname.selectedIndex = i;
	}
}

function gotoFeature ()
{
	var number = current_feature.replace ("button","");
	location.href = splash_url[number-1];
	
}

function doFeatureRollover (object)
{
	if (current_feature != object.id)
	{
		if ((object.className).indexOf ("_on") != -1 )
		{
			var tmp = (object.className).replace ("_on","_off")
			object.className = tmp;
		}
		else
		{
			var tmp = (object.className).replace ("_off","_on")
			object.className = tmp;
		}
	}
}


function opacity(id, opacStart, opacEnd, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;

	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else if(opacStart < opacEnd) {
		for(i = opacStart; i <= opacEnd; i++)
			{
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function cleanFilename (file_name)
{
	var img_src = file_name;
	img_src = img_src.replace(/-/g,"_");
	img_src = img_src.replace(/\//g,"_");
	img_src = img_src.replace(".jpg","");			
	img_src = img_src.replace(".gif","");						
	img_src = img_src.replace(".png","");						
	return img_src;
}


var current_on = 1;
var splash_delays = 7000;

var splash_timer_id;

function doSplashRotation ()
{
	var num_splash = 5;
	var next_splash;
	
	if (current_on == num_splash)
		next_splash = 1;
	else
		next_splash = current_on+1;

	doFeature (document.getElementById("button"+next_splash));
}
	
	
//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";

	if (opacity == 0)
	{
		isDone = true;			
		if (document.all)
			document.images['pic_before'].src=document['pic_after'].src
		else
			document.images['pic_before'].src=document['pic_after'].src

		changeOpac(100, id)
		splash_timer_id = setTimeout('doSplashRotation ()',splash_delays);
	}
} 	

function doFeature (object)
{
	if (object)
	{
		var tmp = object.id+"_active";
		var number = (object.id).replace ("button","")
		current_on = number-0;		

		document['pic_after'].src = document['splash'+number].src; //"images/"+splash_pics[number-1];
		
		object.className = tmp;
		if (current_feature)
		{
			var tmp = (document.getElementById(current_feature).className).replace ("_active","_off")
			document.getElementById(current_feature).className = tmp;
		}
		current_feature = object.id;
		opacity('blending', 100, 0, 1000)
		isDone = false;
		clearTimeout(splash_timer_id); 
	}
}

function mainNavAction (target,isItOn)
{
	if (isItOn) 
	{
		hideAll();	
		if (isItOn == 2)
			document[target].src = eval(target + "2.src");		
		else
			document[target].src = eval(target + ".src");
	}
	else 
	{
		document[target].src = main_nav_off.src;
		startTimeout();
	}
	
}


function buttonAction (imgName, isItOn) {   
	if (isItOn) 
		document[imgName].src = eval(imgName + "_on.src");
	else 
		document[imgName].src = eval (imgName + "_off.src");
}

function buttonAction2 (imgName, isItOn,target) {   
	if (isItOn) 
		document[target].src = eval(imgName + "_on.src");
	else 
		document[target].src = eval (imgName + "_off.src");
}

function buttonAction3 (imgName, isItOn,object) {   
	if (isItOn) 
		object.src = eval(imgName + "_on.src");
	else 
		object.src = eval (imgName + "_off.src");
}



function buildLink (username,className)
{
	var tmp  = username;
	var html = '';
	html     = '<a href="';
	html    += 'mailto:';
	html    += tmp;
	html    += '@';
	html    += myDomain;
	html    += '" class="'+className+'">';
	html    += tmp;
	html    += '@';
	html    += myDomain;
	html    += '</a>';
	document.write (html);
}	

function resetErrorField (object,id)
{

	if (document.getElementById(id).className == 'input_box_error')
	{
		document.getElementById(id).className == 'input_box'
		object.value = '';
	}
}

function validContactForm(formName)
{
	var myForm   = eval ("document."+formName);
	var reqField = new Array ("text|name","text|job_title","text|company","email|email","text|phone");
	var valid    = true;	
	for (i=0; i < reqField.length; i++)
	{
		var tmp = reqField[i].split("|");
		
		if (tmp[0] == "text" && myForm[tmp[1]].value == "")
		{
			document.getElementById('id_'+tmp[1]).className = 'input_box_error';
			myForm[tmp[1]].value = 'Please fill out required field';			
			valid = false;
		}
		else if (tmp[0] == "email" && ((myForm[tmp[1]].value).indexOf("@") == -1 || (myForm[tmp[1]].value).indexOf(".") == -1))
		{
			document.getElementById('id_'+tmp[1]).className = 'input_box_error';
			myForm[tmp[1]].value = 'Please enter a valid email address';			
			valid = false;
		}
	}
	if (valid)
		myForm.submit();	
}

function viewPic (filename)
{
	var tmp = new Image ();
	tmp.src = filename;
	document['prev_image'].src = tmp.src;	
}

function doBrowseByBrand(value)
{
	if (value)
		location.href = value;	
}

function doBrowseByCategory (value)
{
	if (value)
		location.href = value;	
}

function setErrorField (id)
{
	document.getElementById(id).style.backgroundColor = "#fcc7d8";
	document.getElementById(id).style.color = "#e1111b";
}

function clearErrorField (id)
{
	document.getElementById(id).style.backgroundColor = "white";
	document.getElementById(id).style.color = "#000000";	
}

function validForm (formName)
{
	var myForm = eval ('document.'+formName);
	var fields = (myForm["require_fields"].value).split(";");
	var valid  = true;
	for (i=0; i < fields.length; i++)
	{
		var tmp = fields[i].split("|");
		
		if (myForm[tmp[0]].type == "text" || myForm[tmp[0]].type == "password")
		{
			if (tmp[2] && myForm[tmp[2]].value != myForm[tmp[0]].value)
			{
				setErrorField (tmp[0])			
				myForm[tmp[2]].value = "Confirmation does not match with the password.";
			}
			else if ((myForm[tmp[0]].value).length < tmp[1])
			{
				valid = false;
				setErrorField (tmp[0])
				myForm[tmp[0]].value = "Please fill out required field.";
			}
			else
				clearErrorField (tmp[0])
		}
	}
	
	if (valid)
	{
		//myForm.submit();
	}		
}

function ExtractPrice (string)
{
	var tmp = string.split("+"); 
	tmp[1] = tmp[1].replace(")","");
	tmp[1] = tmp[1].replace(",","");
	tmp[1] = tmp[1].replace("$","");	
	return tmp[1]-0;
}

function formatCurrency(num) 
{
	num = num.toString().replace(/\$|\,/g,'');
	if(isNaN(num))
		num = "0";
	sign = (num == (num = Math.abs(num)));
	num = Math.floor(num*100+0.50000000001);
	cents = num%100;
	num = Math.floor(num/100).toString();
	if(cents<10)
		cents = "0" + cents;

	for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
		num = num.substring(0,num.length-(4*i+3))+','+
		num.substring(num.length-(4*i+3));
		return (((sign)?'':'-') + num + '.' + cents);
}

function ValidateAddToCart (form,field)
{
	var hasItem = 0;
	if (form[field].length)
	{
		for (var i=0; i < form[field].length; i++)
		{
			if (form[field][i].checked)
				hasItem++;
		}		
	}
	else if (form[field].checked)
	{
		hasItem++;
	}
	if (hasItem)
		form.submit();
	else
	{
		document.getElementById("error"+form.name).innerHTML = "Please select an item(s).";
		
		setTimeout('document.getElementById("error'+form.name+'").innerHTML=""',5000); 
	}
}

function ShowPackagePrice (object)
{
	var form				= object;
	var total				= 0;
	var discount			= 0;
	for (var i = 0; i < form.elements.length; i++) 
	{
		var element 			= form.elements[i];
		var target	 			= (element.name || element.nodeName)
		if (target.indexOf("id[") != -1)
		{

			
			if (element.type == "checkbox" || element.type == "radio")
			{
				if (element.checked)
				{
				    var labels = document.getElementsByTagName( "label" );
				    for ( var j = 0; j < labels.length; j++ )
     				{
						if (labels[j].htmlFor == element.id)
						{	
							total += ExtractPrice(labels[j].innerHTML);
					
						}
					}
					
				}
			}
			else if (element.type == "select-one")
			{
				total += ExtractPrice (element.options[element.selectedIndex].text);
			}
			
		}
	}		
	
	if (discount_percentage)
		discount = Math.abs(total - (total / (1-discount_percentage)));
	else
	{
		discount = discount_price;
		total -= discount_price;
	}
	document.getElementById("package_price").innerHTML = 'Package Price: <span style="color:#9efe2e;font-size:16px;font-weight:bold">$'+formatCurrency(total)+'</span><br><br>&nbsp; &nbsp; &nbsp; &nbsp;You save: <span style="font-size:12px;font-weight:bold">$'+formatCurrency(discount)+'</span>';
}

function showDiv (div_name)
{
	if (document.getElementById(div_name))
	{
		if (document.getElementById(div_name).tagName == 'SPAN')
			document.getElementById(div_name).style.display  = "";	
		else
			document.getElementById(div_name).style.display  = "block";		
	}
}

function hideDiv (div_name)
{
	if (document.getElementById(div_name))
	{
		document.getElementById(div_name).style.display  = "none";		
	}
}