// JavaScript Document
$(document).ready(function(){
  $('a.out').bind("click", openWindow);
  $('.colorSet h2').bind("click", switchNextBlock);
  $('.colorSetReview h2').bind("click", switchNextBlock);
  $('ul.btnLine a').bind("click", changeColorset);
  $('ul.btnLineReview a').bind("click", changeColorset);
  $('button.continue').bind("click", changeColorsetByContinue);
  $('p.views a').bind("click", changeImage);
  $('p.viewsSocks a').bind("click", changeImage);
  $('ul.toggleMenu a').bind("click", toggleMenu);
  $('button."continue toCheckout"').bind("click",gotoShoppingcart);
});

function gotoShoppingcart(){
		window.location = "http://www.lagasports.com/shop/cart.html"
		return true;
}

function openWindow() {
        window.open(this.href);
        return false;
}

function switchNextBlock() {
    $(this).next("div").slideToggle();
    $(this).parent("div.setField").toggleClass("changedSF");
    $(this).parent("div.setFieldLogo").toggleClass("changedSF");
	return false;
}



function changeColorset() {
    $(this).removeClass("next").removeClass("active").addClass("active").parent("li").prevAll("li").children("a").removeClass("next").removeClass("active");
    $(this).parent("li").nextAll("li").children("a").removeClass("next").removeClass("active").addClass("next");
    $(".colorSet").hide();
    $("#"+$(this).parent("li").attr("class")).show();
    if ($(this).parent("li").attr("class") == "review") {
	  $(".continue").addClass("toCheckout");
    } else {
      $(".continue").removeClass("toCheckout");
    }
    return false;
}

function changeColorsetByContinue() {
	if ($("ul.btnLine li a.active").parent("li").attr("class") == "serials") {
		$(".continue").addClass("toCheckout");
		}
	if ($("ul.btnLine li a.active").parent("li").attr("class") == "review"){
	gotoShoppingcart();
	}
  if ($("ul.btnLine li a.active").parent("li").attr("class") != "review") {
      $(".colorSet").hide();
      $("#"+$("ul.btnLine li a.active").parent("li").next().attr("class")).show();
      $("ul.btnLine li a.active").parent("li").next().children("a").removeClass("next").removeClass("active").addClass("active").parent("li").prevAll("li").children("a").removeClass("next").removeClass("active");
      $("ul.btnLine li a.active").parent("li").next().children("a").parent("li").nextAll("li").children("a").removeClass("next").removeClass("active").addClass("next");
      return false;
    }
  }

function changeImage() {
  $('p.views a').removeClass("active");
  $(this).addClass("active");
  $("div.imgArea img").hide();
  $("div.imgArea #"+$(this).parent("span").attr("class")).show();
  return false;
}

function toggleMenu() {
  $('ul.toggleMenu a').parent("li").removeClass("selected");
  $(this).parent("li").addClass("selected");
  $(".gradientBG .productList").hide();
  $(".gradientBG #"+$(this).attr("class")).show();
  return false;
}


//function to display or hide a given element
function showHideItems(myItem, myButton){
    //this is the ID of the hidden item
    var myItem = document.getElementById(myItem);
    //this is the ID of the plus/minus button image
    var myButton = document.getElementById(myButton);

        if (myItem.style.display != "none") {
            //items are currently displayed, so hide them
            myItem.style.display = "none";
            swapImage(myButton,"plus");
        }
        else {
            //items are currently hidden, so display them
            myItem.style.display = "block";
            swapImage(myButton,"minus");
        }
    }

function initRollovers() {
	if (!document.getElementById) return
	
	var aPreLoad = new Array();
	var sTempSrc;
	var aImages = document.getElementsByTagName('img');

	for (var i = 0; i < aImages.length; i++) {		
		if (aImages[i].className == 'imgover') {
			var src = aImages[i].getAttribute('src');
			var ftype = src.substring(src.lastIndexOf('.'), src.length);
			var hsrc = src.replace(ftype, '_o'+ftype);

			aImages[i].setAttribute('hsrc', hsrc);
			
			aPreLoad[i] = new Image();
			aPreLoad[i].src = hsrc;
			
			aImages[i].onmouseover = function() {
				sTempSrc = this.getAttribute('src');
				this.setAttribute('src', this.getAttribute('hsrc'));
			}	
			
			aImages[i].onmouseout = function() {
				if (!sTempSrc) sTempSrc = this.getAttribute('src').replace('_o'+ftype, ftype);
				this.setAttribute('src', sTempSrc);
			}
		}
	}
}

window.onload = initRollovers;

//function to swap an image based on its current state
function swapImage(myImage, state) {
        if (state == "minus") {
            myImage.src = "/assets/images/sign_minus.png";
        }
        else {
            myImage.src = "/assets/images/sign_plus.png";
        }
}