var fields_array = new Array();
var email_error_str = "Invalid Email";
var zipcode_error_str = "Invalid Zipcode";
var error_str = "Please complete this field.";
var error_color = "#CC0000";
var font_color = "#333";

function init(root)
{

    var filename = location.pathname.substring(location.pathname.lastIndexOf('/')+1);
    var loc = filename.substring(0, filename.indexOf('.'));

    setNav(root, loc);
}

function setNav(root, loc)
{
	if(root == loc)
	{
		var n = document.getElementById(loc).getElementsByTagName('a');
		if(n)
		{
			n[0].className = 'selected';
		}
	}
	else
	{
		var mn = document.getElementById(root).getElementsByTagName('a');
		mn[0].className = 'selected';

		var sn = document.getElementById(loc).getElementsByTagName('a');
		if(sn.length > 0)
		{
			sn[0].className = 'selected';
		}
	}
}

function swapImage(obj)
{
	var i = document.getElementById('product_img');
	var s = obj.src.substring(0, obj.src.lastIndexOf('_thumb'));
	i.src = s + ".jpg";
}

function setActiveTab(tab)
{
	var count = 6;
	var start = 0;
	var tabList = document.getElementById('bankle_ideas').getElementsByTagName('a');
	var tabArray = new Array(tabList);
	
	for (count in tabArray)
	{
		document.write( "test" );
		start++;
	}
	
	//tabArray.each(function(node){
		//alert(node.id + " " + tab.id);				
	//});
}

function swapBankleIdea(name, num)
{
	var image = document.getElementById('bankle_idea_image');
	image.src = "images/bankle_idea_" + num + ".jpg";
	image.alt = name;
	image.title = name;
	image.onclick = new  Function("bankleIdeaPopUp(" + num + ")");
	
	var title = document.getElementById('bankle_idea_title');
	title.innerHTML = name;
	
	var comp = document.getElementById('bankle_components');
		
	switch(num)
	{
		case 1:
			comp.innerHTML = 
			"<h2>Comprised of</h2><a href='leslie.php'><img src='images/leslie_product_thumb.jpg' alt='Leslie' title='Leslie' /></a><span class='block marginBottom15'>One <a href='leslie.php'>Leslie</a></span><a href='necklace.php'><img src='images/necklace_product_thumb.jpg' alt='Necklace Extension' title='Necklace Extension' /></a><span class='block'>Two 10\" and two</span><span class='block'>6.5\" <a href='necklace.php'>Extensions</a></span>";
			break;
		case 2:
			comp.innerHTML = 
			"<h2>Comprised of</h2><a href='ginger.php'><img src='images/ginger_product_thumb.jpg' alt='Ginger' title='Ginger' /></a><span class='block marginBottom15'>Two <a href='ginger.php'>Gingers</a></span>";
			break;
		case 3:
			comp.innerHTML = 
			"<h2>Comprised of</h2><a href='chita.php'><img src='images/chita_product_thumb.jpg' alt='Chita' title='Chita' /></a><span class='block marginBottom15'>Two <a href='chita.php'>Chitas</a></span>";
			break;
		case 4:
			comp.innerHTML = 
			"<h2>Comprised of</h2><a href='leslie.php'><img src='images/leslie_product_thumb.jpg' alt='Leslie' title='Leslie' /></a><span class='block marginBottom15'>Two <a href='leslie.php'>Leslies</a></span>";
			break;
		case 5:
			comp.innerHTML = 
			"<h2>Comprised of</h2><a href='chita.php'><img src='images/chita_product_thumb.jpg' alt='Chita' title='Chita' /></a><span class='block marginBottom15'>One <a href='chita.php'>Chita</a></span><a href='necklace.php'><img src='images/necklace_product_thumb.jpg' alt='Necklace Extension' title='Necklace Extension' /></a><span class='block'>Two 30\", one 20\" and</span><span class='block'>two 10\" <a href='necklace.php'>Extensions</a></span>";
			break;
		case 6:
			comp.innerHTML = 
			"<h2>Comprised of</h2><a href='ginger.php'><img src='images/ginger_product_thumb.jpg' alt='Ginger' title='Ginger' /></a><span class='block marginBottom15'>One <a href='ginger.php'>Ginger</a></span><a href='necklace.php'><img src='images/necklace_product_thumb.jpg' alt='Necklace Extension' title='Necklace Extension' /></a><span class='block'>Two 30\" and one 10\"</span><span class='block'><a href='necklace.php'>Extension</a></span>";
			break;
	}
}

function bankleIdeaPopUp(num)
{
	if (num == 1){
		var popup = window.open("images/lariat_product_large.jpg", "Lariat", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=752");
	}else if(num == 2){
		var popup = window.open("images/bling_ice_product_large.jpg", "Bling Ice", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=332");
	}else if(num == 3){
		var popup = window.open("images/bling_canary_product_large.jpg", "Bling Canary Ice", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=332");
	}else if(num == 4){
		var popup = window.open("images/bling_blue_ice_product_large.jpg", "Bling Blue Ice", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=332");
	}else if(num == 5){
		var popup = window.open("images/chita_statement_product_large.jpg", "Chita Statement", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=752");
	}else if(num == 6){
		var popup = window.open("images/ginger_statement_product_large.jpg", "Ginger Statement", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=752");
	}else{
		var popup = window.open("images/lariat_product_large.jpg", "Lariat", "toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=752");
	}
}

function popupImage(obj)
{
	var s = obj.src.substring(0, obj.src.lastIndexOf('.jpg'));
	s += "_large.jpg";

	var day = new Date();
	var id = day.getTime();
	eval("page" + id + " = window.open(s, '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=520,height=520');");

}

function popupFlash()
{
	var day = new Date();
	var id = day.getTime();
	eval("page" + id + " = window.open('flash/TP_360_800x600.html', '" + id + "', 'toolbar=0,scrollbars=0,location=0,statusbar=0,menubar=0,resizable=0,width=820,height=620');");

}

function external() {
    if (document.getElementsByTagName) {
	var a;
	a = document.getElementsByTagName('a');
	for (i = 0; i<a.length; i++) {
        if (a[i].getAttribute('href') && a[i].getAttribute('rel') == 'external'){
    		a[i].target = '_blank';
			}
		}
	 }
}

function clearField(id)
{
	document.getElementById(id).value = "";
	document.getElementById(id).style.color = font_color;
}

function validateEmail(id)
{

	var obj = document.getElementById(id);
	var e = obj.value.replace(/^\s+|\s+$/g, '');
	var email_filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

	if(!email_filter.test(e) || e == "")
	{
		obj.style.color = error_color;
		obj.value = email_error_str;
	    return false;
    }
    else
    {
        return true;
    }
}

function validateForm(id)
{
	if(document.all || document.getElementById)
	{
	    var err = false;
	    var fa = buildInputArray(id);

	    cleanArray(fa);

	    for(var i = 0; i < fa.length-1; i++)
	    {
		    var x = fa[i];

		    if(x.id.indexOf("zipcode") == 0)
		    {
			    if(isNaN(x.value) || x.value.length > 5)
			    {
				    err = true;
					document.getElementById(x.id).style.color = error_color;
				    document.getElementById(x.id).value = zipcode_error_str;
			    }
		    }

		   	if(x.id.indexOf("_req")+1 && (x.value == "" || x.value == error_str || (x.id == "state_req" && x.value <= 0)))
		    {
			    err = true;
				document.getElementById(x.id).style.color = error_color;
			    document.getElementById(x.id).value = error_str;
		    }
	    }

	    if(!err)
	    {
		    var ue = validateEmail("email_req");

		    if(ue) return true;
		    else return false;
	    }

	    else return false;
	}
	else return false;
}

function buildInputArray(id)
{
	var a = document.getElementById(id);
	inputArr = a.getElementsByTagName('input');
	selectArr = a.getElementsByTagName('select');

	var ia = toArray(inputArr);
	var sa = toArray(selectArr);

	return sa.concat(ia);
}

function toArray(obj)
{
	var a = new Array();
	for(var i = 0; i < obj.length; i++) { a[a.length] = obj[i]; }
	return a;
}

function cleanArray(obj)
{
	for(var i = 0; i < obj.length; i++) { obj[i].value = obj[i].value.replace(/^\s+|\s+$/g, ''); }
	return obj;
}