/*
Product Shot Switcher
By James Mountford
*/
jQuery(document).ready(
  function(){
    jQuery("#colouroptions a")
      .click(
        function(e){
          e.preventDefault();
          if(!jQuery(this).hasClass("activecolour")){
            var theimage = jQuery("img", this);
            var thealt = theimage.attr("alt");
            
            //change the colour name
            jQuery(".colourname").text(thealt);
            //remove active from all colouroptions
            jQuery("#colouroptions li a").removeClass("activecolour");
            //add active to current colouroption
            jQuery(this).addClass("activecolour");
            
            var currentcolor = jQuery(this).attr("id");
            jQuery("div.colourpicholder").stop(true, true).fadeOut(500, function(){ jQuery(this).removeClass("activecolour"); });
            jQuery("div."+currentcolor).stop(true, true).fadeIn(500, function(){ jQuery(this).addClass("activecolour"); });
          }
        }
      );
    jQuery(".colourpicholder > a, .productshotholder > a")
      .click(
        function(e){
          e.preventDefault();
          jQuery("#picholderoverlay").remove();
          jQuery("body").append("<div class='lboverlay' id='picholderoverlay'><div class='bigpicholder'><img class='bigpic' src='"+jQuery(this).attr("href")+"' alt='"+jQuery("img", this).attr("alt")+"' /><img class='close' alt='Close' title='Close' src='/media/86527/topcross.png' /></div></div>");
          jQuery("#picholderoverlay").css({"display" : "block"}).css({"visibility" : "hidden"});
          var viewportheight = jQuery("#picholderoverlay").height();
          var viewportwidth = jQuery("#picholderoverlay").width();
          var picheight = jQuery("#picholderoverlay").children(".bigpicholder").children("img.bigpic").height();
          var picwidth = jQuery("#picholderoverlay").children(".bigpicholder").children("img.bigpic").width();
          if(viewportheight < picheight){
            var sizeratio = (viewportheight/picheight);
            jQuery("#picholderoverlay").children(".bigpicholder").children("img.bigpic").css({"height" : (sizeratio*parseInt(jQuery("#picholderoverlay").children("img").height()) - 140) + "px"});
          }
          var newWidth = parseInt(jQuery("#picholderoverlay").children(".bigpicholder").children("img.bigpic").width());
          var newHeight = parseInt(jQuery("#picholderoverlay").children(".bigpicholder").children("img.bigpic").height());
          
          var closeDistanceLeft = (viewportwidth - newWidth)/2 + newWidth - 15;
          jQuery("#picholderoverlay").children(".bigpicholder").css({"height":newHeight+"px", "width":newWidth+"px"});
          jQuery("#picholderoverlay").children(".bigpicholder").children("img.close").css({"top":"-20px","right":"-20px","position":"absolute","cursor":"pointer"});
          jQuery("#picholderoverlay").css({"display" : "none"}).css({"visibility" : "visible"});
          if(jQuery.browser.msie){
            jQuery("#picholderoverlay").slideDown(800);
          }else{
            jQuery("#picholderoverlay").fadeIn(800);
          }
          jQuery(".lboverlay")
            .click(
              function(e){
                e.preventDefault();
                if(jQuery.browser.msie){
                  jQuery(this).slideUp(400);
                }else{
                  jQuery(this).fadeOut(400);
                }
              }
            );
        }
      );
    jQuery(".lboverlay")
      .click(
        function(e){
          e.preventDefault();
          e.stopPropagation();
          jQuery(this).fadeOut(400, function(){jQuery(this).remove();});
        }
      );
    
    jQuery(".newsletterfullform")
      .click(
        function(e){
          e.preventDefault();
          e.stopPropagation();
        }
      );
    
    jQuery("#clickpics").children("a.clickpic").click(
      function(e){
        e.preventDefault();
        if(!jQuery(this).hasClass("activeclickpic") && !(jQuery("#productshots").children("div.productshotholder").is(":animated"))){
          jQuery("#productshots").children("div.activeshotholder")
            .fadeOut(300, function(){ jQuery(this).removeClass("activeshotholder"); });
          jQuery("#productshots").children("div.productshotholder").eq(jQuery(this).index())
            .fadeIn(300, function(){ jQuery(this).addClass("activeshotholder"); });
          if(jQuery("#clickpics").children("a.activeclickpic").length)
          {
            jQuery("#clickpics").children("a.activeclickpic").removeClass("activeclickpic");
          }
          jQuery(this).addClass("activeclickpic");
        }
      }
    );
  }
);
// JavaScript Document