function swatch(img) {
    var element = document.getElementById('main_pic');
    element.style.backgroundImage = "url(/store/images/large/" + img + ")";
    document.getElementById('main_pic_path').innerHTML = img;
    document.getElementById('main_pic_url').href = '/store/images/xl/' + img;
}

function gotoimg() {
    top.location.href = '/store/images/xl/' + document.getElementById('main_pic_path').innerHTML;
}

function linkblank(obj, link) {
    obj.target = '_blank';
    obj.href = link;
}

function swatch2(img) {
    var element = document.getElementById('main_pic1');
    element.style.background = "url('/store/images/large/" + img + "') no-repeat center center";
    
}

function ShowSwap(_image,_div){
    var x = document.getElementById(_div);
    x.src = _image
}

function showmenu(themenu){
	if (document.getElementById(themenu).style.display == "none"){
		document.getElementById(themenu).style.display = "block"
	} else {
		document.getElementById(themenu).style.display = "none"
	}
}

function loaddiv(divid,ajaxpage,tab,handle){
	//TABS
	var x=document.getElementsByTagName("img");
	for (var i=0;i<x.length;i++){
		if (x[i].id.indexOf(handle)>-1){
			var element = document.getElementById(x[i].id);
			if (element.id == tab){
				element.src = element.src.replace('/off/','/on/')
			} else {
				element.onmouseover = tabover;
				element.onclick = tabclick; 
				element.onmouseout = tabout; 
				element.src = element.src.replace('/on/','/off/')
			}
		}
	}
	
	//AJAX REQUEST
	new Ajax.Request(ajaxpage, {
	method: "get",
	onComplete: function(transport) { 
		document.getElementById(divid).innerHTML = transport.responseText;
		}//-onSuccess
		}//-request arguments
		);// new ajax request	
}

//main nav

//menu display

function ramenus(bikeinfotrigger,bikeinfo){
    var x = document.getElementsByTagName("div"); 
    for (var i=0;i<x.length;i++){
        if(x[i].id.indexOf(bikeinfotrigger) > -1){
            document.getElementById(x[i].id).onmouseover = function(){
                var element = this.id;
                window.myValue = element
                var thetrigger = element.replace(bikeinfotrigger,'');
                var theinfo = bikeinfo + thetrigger
                document.getElementById(theinfo).style.display = 'block';
                document.getElementById(theinfo).onmouseover = function(){
                    var menu = document.getElementById(element).parentNode.id;
                    document.getElementById(menu).style.display = 'block';
                    var root = document.getElementById(menu).parentNode.id;
                    var leftnavitem = 'leftnavitem' + root.replace('menutrigger','');
                    leftnavon(leftnavitem);
                }
            }
            var element = x[i].id;
            var thetrigger = element.replace(bikeinfotrigger,'');
            $("#bikeinfo" + thetrigger).mouseleave(function(){
                var element = this.id;
                document.getElementById(element).style.display = 'none';
                document.getElementById(element).style.display = 'none';
            })
        }
    };    
};

function navoff(menuid,bikeinfoid){
    document.getElementById(menuid).style.display = 'none';
    document.getElementById('right').onmouseover = function(){
        document.getElementById(menuid).style.display = 'none';
        document.getElementById(bikeinfoid).style.display = 'none';
    }
//    document.getElementById('strip').onmouseover = function(){
//        if(document.getElementById(bikeinfoid).style.display = 'block'){
//            document.getElementById(bikeinfoid).style.display = 'none';
//        }
//    }
}

function spidermenus(triggerhandle,menuhandle){
	var x=document.getElementsByTagName("div");
	for (var i=0;i<x.length;i++){
		if (x[i].id.indexOf(triggerhandle)>-1){
			//VARIABLES
			var element = document.getElementById(x[i].id);
			var theid = element.id.replace(triggerhandle,'');
			var thetrigger = document.getElementById(triggerhandle + theid);

			//OVER
			thetrigger.onmouseover = function() {
			    var m = document.getElementById(this.id.replace('trigger', ''));
			    m.style.display = "block";
			};
			    
			//OUT
			thetrigger.onmouseout = function() {
				document.getElementById(this.id.replace('trigger','')).style.display = "none";
			};
		} 
	}
}

function tooltip(triggerhandle, menuhandle) {
    var x = document.getElementsByTagName("div");
    for (var i = 0; i < x.length; i++) {
        if (x[i].id.indexOf(triggerhandle) > -1) {
            //VARIABLES
            var element = document.getElementById(x[i].id);
            var theid = element.id.replace(triggerhandle, '');
            var thetrigger = document.getElementById(triggerhandle + theid);

            //OVER
            thetrigger.onmouseover = function() {
                var m = document.getElementById(this.id.replace('trigger', ''));
                m.style.display = "block";
            };

            //OUT
            thetrigger.onmouseout = function() {
                document.getElementById(this.id.replace('trigger', '')).style.display = "none";
            };
        }
    }
}

// reverse rollover for main nav
function leftnavon(id){
    
    var thisimg = document.getElementById(id).src.replace('on','off');
    var x=document.getElementsByTagName("img");
	for (var i=0;i<x.length;i++){
	    if (x[i].id.indexOf('leftnavitem')>-1){
	        var element = document.getElementById(x[i].id);
	        var newimage = element.src.replace('on','off');
	        if (newimage != thisimg){
	            element.src = newimage;
	        }
	    }
	}
}

function leftnavoff(id){
    var x=document.getElementsByTagName("img");
	for (var i=0;i<x.length;i++){
	    if (x[i].id.indexOf('leftnavitem')>-1){
            var element = document.getElementById(x[i].id);
            var newimage = element.src.replace('off','on');
            element.src = newimage;
	    }
	}
}

//secondary roll
function secondary(id){
    var x=document.getElementsByTagName("div");
	for (var i=0;i<x.length;i++){
	    if (x[i].id.indexOf(id)>-1){
	        var element = document.getElementById(x[i].id);
			var theid = element.id.replace(id,'');
			var thetrigger = document.getElementById(id + theid);
			document.getElementById(thetrigger.id).onmouseover = function() {
			    this.style.textDecoration = 'none';
			    this.style.fontWeight = 'bold';
			    this.style.color = '#000';
			    this.style.opacity = '1'; // ff
			    if (navigator.appName.indexOf("Microsoft") > -1){
			        //this.filters.alpha.opacity = '100'; // ie
			    }
			};
			document.getElementById(thetrigger.id).onmouseout = function() {
			    this.style.fontWeight = 'normal';
			    this.style.color = '#666';
			    this.style.opacity = '.9'; // ff
			    if (navigator.appName.indexOf("Microsoft") > -1){
			        //this.filters.alpha.opacity = '90'; //ie
			    }
			};
	    }
	}
}

//third level mouseover keeping its secondary parent on its on state
function tertiary(id2,id3){
    var x=document.getElementsByTagName("div");
	for (var i=0;i<x.length;i++){
	    if (x[i].id.indexOf(id3)>-1){
	        var element = document.getElementById(x[i].id);
			var theid = element.id.replace(id3,'');
			var thetrigger3 = document.getElementById(id3 + theid);
			
			document.getElementById(thetrigger3.id).onmouseover = function() {
			    var theid1 = this.id.replace(id3,'');
			    var thetrigger2 = document.getElementById(id2 + theid1);
			    document.getElementById(thetrigger2.id).style.fontWeight = 'bold';
			    document.getElementById(thetrigger2.id).style.color = '#000';
			    document.getElementById(thetrigger2.id).style.display = 'block';
			    document.getElementById(thetrigger2.id).style.opacity = '1'; // ff
			    if (navigator.appName.indexOf("Microsoft") > -1){
			        document.getElementById(thetrigger2).filters.alpha.opacity = '100'; // ie
			    }
			};
			document.getElementById(thetrigger3.id).onmouseout = function() {
			    var theid1 = this.id.replace(id3,'');
			    var thetrigger2 = document.getElementById(id2 + theid1);
			    document.getElementById(thetrigger2.id).style.fontWeight = 'normal';
			    document.getElementById(thetrigger2.id).style.color = '#666';
			    document.getElementById(thetrigger2.id).style.opacity = '.9'; // ff
			    if (navigator.appName.indexOf("Microsoft") > -1){
			        document.getElementById(thetrigger2.id).filters.alpha.opacity = '90'; //ie
			    }
			};
	    }
	}
}

// end main nav //

function slidecaption() {
	var x=document.getElementsByTagName("li");
    for (var i=0;i<x.length;i++){
	    if (x[i].className.indexOf('jcarousel-item-')>-1){
	        x[i].onmouseover = function() {
	            var element = this.id;
	            var theid = element.replace('li','');
	            var thecaption = 'caption' + theid;
	            if (document.getElementById(thecaption)){
	                document.getElementById(thecaption).style.display = 'block';
	            }
	        };
	        x[i].onmouseout = function() {
	            var element = this.id;
	            var theid = element.replace('li','');
	            var thecaption = 'caption' + theid;
	            if (document.getElementById(thecaption)){
	                document.getElementById(thecaption).style.display = 'none';
	            }
	        };
	    }
	};
}

function changearrow(id) {
    if (document.getElementById(id).src.indexOf('/images/nav/off/arrow.gif') > -1) {
        document.getElementById(id).src = '/images/nav/on/arrow.gif';
    } else {
        document.getElementById(id).src = '/images/nav/off/arrow.gif';
    }
}

//VALIDATION
function validEmail(email) {
	var re = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
	return re.test(email); 
}
		
//VALIDATION
function trim(stringToTrim) {
	return stringToTrim.replace(/^\s+|\s+$/g,"");
}
		
//VALIDATION
function ltrim(stringToTrim) {
	return stringToTrim.replace(/^\s+/,"");
}
		
//VALIDATION
function rtrim(stringToTrim) {
	return stringToTrim.replace(/\s+$/,"");
}
		
//VALIDATION
function isFilled(elm) {
	//alert(elm.type);
	//Last Updated by Sol - 6/14/07
	switch(elm.type){
	case "text":
		if (trim(elm.value) == "" || elm.value == null){
		return false;}
		else {return true;}
		break;
	case "password":
		if (trim(elm.value) == "" || elm.value == null){
		return false;}
		else {return true;}
		break;
	case "textarea":
		if (trim(elm.value) == "" || elm.value == null){
		return false;}
		else {return true;}
		break;
	case "select-one":
		var myindex=elm.selectedIndex;
		if (myindex==0){
		return false;}
		else {return true;}
		break;
	}
}

//VALIDATION
function validateform(formname,color1,color2){
	//last updated on 9/27/07
	//index of is mo betta
	var x = document.forms[formname];
	var allgood = true;
	for (var i=0;i<x.length;i++){
		if (x.elements[i].className.indexOf('required')>-1) {
		 	var thisformname = x.elements[i].name;
			var thisformid = x.elements[i].id;
			if (!isFilled(x.elements[i])) {
				document.getElementById(thisformid).style.background = color1;
				allgood = false;
				} else {
				  document.getElementById(thisformid).style.background = color2; 
				}
			}
		}
		if (allgood) {
			return true;
			} else {
			return false;
			}
	}
	
function arethesame(condition1,condition2){
	if (condition1 == condition2) {
	    return true;
	} else {
	    return false;
	}
}

function spiderfriend(formname,messageid,indicatorid) {
	//VALIDATE REQUIRED
	if(validateform(formname,'yellow','white')){	
	
		//EMAIL IS VALID?
		var friendemailfrom = document.getElementById("friendemailfrom").value;	
		var friendemailto = document.getElementById("friendemailto").value;

		if(!validEmail(friendemailfrom)){
			document.getElementById("friendemailfrom").style.background = "white"; 
			document.getElementById(messageid).innerHTML = 'Invalid Email';
			if (document.getElementById(messageid).style.display == "none"){
					//Effect.Appear(messageid,'blind');
					document.getElementById(messageid).style.display = "block";
					} else {
					//Effect.Shake(messageid);
					document.getElementById(messageid).style.display = "block";
					}
			} else {
			document.getElementById(messageid).style.display = "none";
			document.getElementById(indicatorid).style.display = "block";
			
//            $.ajax({
//                type: "POST",
//                contentType: "application/json; charset=utf-8",
//                url: "/ajax/handlers.asmx/EmailToFriend",

//                //data: $('#' + formname).serialize(),
//                data: '{"fname":}',
//                //dataType: "json",
//                success: function(msg) {
//                alert('booooooooooooom!');

//                }
//            });

            $.post('sc_emailpagetofriend.ashx', $('#' + formname).serialize(), function(data) {
			    document.getElementById(messageid).style.display = "block";
			    document.getElementById(messageid).innerHTML = "Email Sent!";
			    document.getElementById(indicatorid).style.display = "none"; 
            })
			}
	}
}

function spidercomment(formname,messageid,indicatorid) {

	//VALIDATE REQUIRED
	if(validateform(formname,'yellow','white')){	
	
		//EMAIL IS VALID?
		var questionsemail = document.getElementById("questionsemail").value;	

		if(!validEmail(questionsemail)){
			document.getElementById("questionsemail").style.background = "white"; 
			document.getElementById(messageid).innerHTML = 'Invalid Email';
			if (document.getElementById(messageid).style.display == "none"){
					//Effect.Appear(messageid,'blind');
					document.getElementById(messageid).style.display = "block";
					} else {
					//Effect.Shake(messageid);
					document.getElementById(messageid).style.display = "block";
					}
			} else {
			document.getElementById(messageid).style.display = "none";
			document.getElementById(indicatorid).style.display = "block";
			
            $.post('sc_questionsaboutthispage.ashx', $('#' + formname).serialize(), function(data) {
			    document.getElementById(messageid).style.display = "block";
			    document.getElementById(messageid).innerHTML = "Email Sent!";
			    document.getElementById(indicatorid).style.display = "none"; 
            })
                			
			}
	}
}

function emailsignup(formid) {
    $.post('sc_emailsignup.ashx', $('#' + formid).serialize(), function(data) {
        $('#emailsignupmessage').css('display', 'block');
        $('#emailsignupmessage').html(data);
        setTimeout(function() {
            $('#emailsignupmessage').fadeOut(1000);
        }, 2000);
    })
}

function checkorderstatus(formname,messageid,indicatorid) {

	//VALIDATE REQUIRED
	if(validateform(formname,'yellow','white')){	
	
		//EMAIL IS VALID?
		var orderemail = document.getElementById("orderemail").value;	

		if(!validEmail(orderemail)){
			document.getElementById("orderemail").style.background = "white"; 
			document.getElementById(messageid).innerHTML = 'Invalid Email';
			if (document.getElementById(messageid).style.display == "none"){
					//Effect.Appear(messageid,'blind');
					document.getElementById(messageid).style.display = "block";
					} else {
					//Effect.Shake(messageid);
					document.getElementById(messageid).style.display = "block";
					}
			} else {
			document.getElementById(messageid).style.display = "none";
			document.getElementById(indicatorid).style.display = "block";
				
            $.post('/ajax/orderstatus.aspx', $('#' + formname).serialize(), function(data) {
            $('#' + indicatorid + '').css('display', 'none');
            $('#' + messageid + '').css('display', 'block');
            $('#' + messageid + '').html(data);
            })
                			
			}
	}
}

window.onload = masterloader;

function masterloader(){
    slidecaption();
    ramenus('bikeinfotrigger','bikeinfo');
    spidermenus('menutrigger', 'menu');
    tooltip('menutrigger', 'menu');
    secondary('second');
    tertiary('second','third');
}