// JavaScript Document
//var path_to_root = "";
var windowWidth;
var jsReady = false;
var carouselInstance = 1;
var domready=false;
var carlength=0;
var flashfileCount=0;
var fla_loader = '<div id="loader" class="loader2"><div class="loading"></div></div>';

document.observe("dom:loaded",function(){

  //
  // flash detection
  // Major version of Flash required
  var requiredMajorVersion = 10;
  // Minor version of Flash required
  var requiredMinorVersion = 0;
  if(BrowserDetect.browser == 'Firefox'){
    var requiredMajorVersion = 10;
    // Minor version of Flash required
    var requiredMinorVersion = 0;
  }

  // Minor version of Flash required
  var requiredRevision = 0;
  var hasRequestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);

  if(hasRequestedVersion === false){ //callErrorForm(3);
    var aclinks = $$('.account_links');
    var flashWarn='<br /><p class="flashReq">A later version of flash is required, you can <a href="http://get.adobe.com/flashplayer/">download it here</a></p>';
    if(aclinks[0]) $('header').insert({bottom:flashWarn});
    if($('module_dynamic_homefooter')) $('module_dynamic_homefooter').insert({bottom:flashWarn});
  }

  if(BrowserDetect.browser == 'Safari'){
    if(BrowserDetect.version < 530){
      if($('content_carousel'))
      $('content_carousel').down('ul').setStyle({top:'auto',marginTop:'7.15%'});
    }
  }
  //
  // Support mouse wheel on cars
  if($('horizontal_carousel1') || $('content_carousel')){
    document.observe('DOMMouseScroll', wheel);
    document.observe('mousewheel', wheel);
  }
  if($('content_carousel')){

    //
    // show loader to minimise visual jump

    var flashChk = $$('.module_dyn_ecom_flash');
    if(flashChk[0]) flashfileCount=flashChk.length;

    if(!$('load_wrapper') && !$('loader') && !flashChk[0]){
      $('content_carousel').insert({bottom:'<div id="loader" class="loader2"><div class="loading"></div></div>'});
      $('loader').down('.loading').setStyle({right:'48%'});
    }

    if($('previous_button')){

    $('previous_button').observe("mousedown",function(){
      panTimer = setTimeout(function(){
        panLeft(25);
      },120)
    })
    $('previous_button').observe("mouseup",function(){
      if(panTimer) {
        clearTimeout(panTimer);
        panTimer = null;
        //return;
      }
    })

    $('previous_button').observe("mouseout",function(){
      if(panTimer) {
        clearTimeout(panTimer);
        panTimer = null;
        return;
      }
    })
    $('next_button').observe("mousedown",function(){
      panTimer = setTimeout(function(){
        panRight(25);
      },120)
    })
    $('next_button').observe("mouseup",function(){
      if(panTimer) {
        clearTimeout(panTimer);
        panTimer = null;
        //return;
      }
    })

    $('next_button').observe("mouseout",function(){
      if(panTimer) {
        clearTimeout(panTimer);
        panTimer = null;
        return;
      }
    })
    }    
    //Event.observe($('content_carousel'), "scroll",function(){ CheckScroll() });
    //Event.observe(window,"resize",function(){ setTimeout(function(){CheckScroll()},500); });


  }

  if($('outofstock')){
    $('cust_email').observe("focus",function(event){
        e = $(Event.element(event));
        if(e.value == 'email address'){
                e.value = '';
        }
    });
    $('cust_email').observe("blur",function(event){
        e = $(Event.element(event));
	if(e.value == ''){
		e.value = 'email address';
	}
    });

    $('cust_tel').observe("click",function(event){
        e = $(Event.element(event));
	if(e.value == 'telephone number'){
        	e.value = '';
	}
    });

    $('cust_tel').observe("blur",function(event){
        e = $(Event.element(event));
        if(e.value == ''){
                e.value = 'telephone number';
        }
    });
  }

  domready=true;
  windowWidth =$('webpage').up().getWidth();

/*
  if($('filter_controls')){
    var wid = 0;
    $$('#filter_controls ul').each(function(f){
      wid += f.down().getWidth();
    })
    $('filter_controls').setStyle({width:(wid+150)+'px'});
  }
*/
  /** MENU LINKS - SCROLLING **/
  /*
  var menus = $$('#main-menu ul');
  menus.each(function(menu){
  if(!$('proceed_checkout')){
  var position = menu.down().positionedOffset();
  menu.setStyle({left:position[0]+"px", position:'absolute', visibility:'hidden'});
  }
  })
  linkjumpto = function(obj){
  var cWidth = obj.up(2).getWidth();
  var scrollPos = (cWidth / 2) - (obj.getWidth() / 2);
  var position = obj.positionedOffset();
  var newPoss = position[0] - scrollPos;
  var containerPos = obj.up().positionedOffset();

  obj.up().setStyle({left:-newPoss+"px",visibility:'visible'});
  }
  linkscroll = function(obj){
  var cWidth = obj.up(2).getWidth();
  //
  // scroll to
  setTimeout(function(){

  var scrollPos = (cWidth / 2) - (obj.getWidth() / 2);
  var position = obj.positionedOffset();
  var newPoss = position[0] - scrollPos;
  var containerPos = obj.up().positionedOffset();

  new Effect.Morph(obj.up(),{style:{left:-newPoss+"px"}, duration:0.6});

  },10);

  }

  var navLinks = $$('.link_container .nav a');
  navLinks.each(function(link){

  setTimeout(function(){link.up(1).setStyle({visibility:'visible'})},800);

  if(link.className == 'on')
  setTimeout(function(){linkscroll(link.up());},700);

  link.observe("click",function(e){
  linkscroll(link.up());
  setTimeout(function(){
  //
  // kill carousel and show waiting
  if($('module_dynamic_placeholder4') && !$('template_5_col_1')) $('module_dynamic_placeholder4').remove();
  if($('content_carousel')) $('content_carousel').remove();
  if($('campaign_shots')) $('campaign_shots').remove();

  if(!$('load_wrapper') && !$('loader')){
  $('webpage').insert({bottom:loadgif});
  $('load_wrapper').down().setStyle({right:'49%'});
  }
  //
  // Navigate away
  window.location = link.href;
  },500)
  Event.stop(e);
  navLinks.each(function(l){
  l.className = "";
  })
  link.className = "on";
  })
  })

  var subNavLinks = $$('.link_container .subnav a');
  jsReady = true;

  subNavLinks.each(function(link){

  setTimeout(function(){link.up(1).setStyle({visibility:'visible'})},1200);

  if(link.className == 'on')
  setTimeout(function(){linkscroll(link.up());},1000);
  link.observe("click",function(e){
  linkscroll(link.up());
  setTimeout(function(){
  //
  // kill carousel and show waiting
  if($('module_dynamic_placeholder4') && !$('template_5_col_1')) $('module_dynamic_placeholder4').remove();
  if($('content_carousel')) $('content_carousel').remove();
  if($('campaign_shots')) $('campaign_shots').remove();

  $('webpage').insert({bottom:loadgif});
  $('load_wrapper').down().setStyle({right:'49%'});
  //
  // Navigate away
  window.location = link.href;
  },500)
  Event.stop(e);
  subNavLinks.each(function(l){
  l.className = "";
  })
  link.className = "on";
  })
  })
  */

  //
  // enable my rail links
  //fn_myrail_link();
  fn_locate_frms();
  //
  // shop the look rail call
  fn_stl_carousel = function(mid) {

    //callErrorForm(2);
    $('carPark').innerHTML='';
    var existingCar = $$('.collectionContainer');
    carouselInstance = carouselInstance+1;
    var currentCar = carouselInstance - 1;
    var heldWidth = existingCar[0].down('ul').getWidth();
    //$('debug').insert({top:'<p>Hide Car:'+existingCar[0].id+' width:'+existingCar[0].down('ul').getWidth()+'</p>'});
    if(existingCar[0])
    existingCar[0].hide();

    //			$('carousel_nav_'+currentCar).hide(); // hide current carousel nav
    $('carousel_nav1_1').hide();
    $('carousel_nav_1').hide();

    //$('main-menu').hide();
    $('carPark').show();

    new Ajax.Updater('carPark', path_to_root + 'scripts/php/pDockService2.php', {
      parameters: "func=newCar&controller_type=shop_the_look&carouselID="+carouselInstance+"&pids="+$('product_id_ar'+mid).value,
      onComplete: function(){
        setTimeout(function(){
          setup('carousel'+carouselInstance,'carouselDock'+carouselInstance,carouselInstance,basketID,'shop_the_look');
          $('shopthelookbtn').observe('click',function(){
            $('carPark').hide();
            $('collectionContainer1').show();
            //$('debug').insert({top:'<p>SET WIDTH:'+heldWidth+'</p>'});
            $('collectionContainer1').down('ul').setStyle({width:heldWidth+'px'})
            $('carousel_nav_1').show();
            $('carousel_nav1_1').show();

            //$('main-menu').show();

            
          })
        },500)

      }
    });
  }

  // buy overlays
  registerBuyOverlay();
fn_resize_content_car();

});


/*Event.observe(window,"resize",function(){

var menus = $$('#main-menu ul');
menus.each(function(menu){

var cWidth = $('webpage').up().getWidth();
var scrollPos = (cWidth / 2) - (menu.getWidth() / 2);
menu.setStyle({left:scrollPos+"px"});


var navLinks = $$('.link_container .nav a');
navLinks.each(function(link){
if(link.className == 'on')
linkjumpto(link.up());
})

var subNavLinks = $$('.link_container .subnav a');

subNavLinks.each(function(link){
if(link.className == 'on')
linkjumpto(link.up());
})

})

})*/

fn_locate_frms = function(){

  var sendlinks = $$('.stylist_links a');
  sendlinks.each(function(lnk){
    lnk.observe("click",function(e){
      Event.stop(e);
      new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
        parameters: lnk.href,
        onComplete: function(transport){
          //
          // create form
          var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
          $('webpage').insert({bottom:lightbox});
          $('lightBox').morph("opacity:0.3");
          $('webpage').insert({bottom:transport.responseText});
          $('sendForm').addClassName('popup');
          fn_input_placeholders();
        },
        evalScripts:true
      })
    })
  })
}

fn_myrail_link = function(){
  var railLink = $$('.account_links a');
  railLink.each(function(link){
    link.observe('click',function(e){

      if(link.className == 'rail') Event.stop(e);

      $('webpage').insert({bottom:loadgif});
      $('load_wrapper').down().setStyle({right:'49%'});

      if(link.className == 'rail'){
        carouselInstance = carouselInstance+1;
        var existingCar = $$('.collectionContainer');
        var currentCar = carouselInstance - 1;

        if(existingCar[0]){
          existingCar[0].hide();
        }else{
          window.location = link.href;
        }
        if($('carousel_nav_'+currentCar)) $('carousel_nav_'+currentCar).hide(); // hide current carousel nav
        $('main-menu').hide();
        $('carPark').show();

        new Ajax.Updater('carPark', path_to_root + 'scripts/php/pDockService2.php', {
          parameters: link.href+"&func=newCar&carouselID="+carouselInstance,
          onComplete: function(){
            $('load_wrapper').remove();
            setTimeout(function(){
              setup('carousel'+carouselInstance,'carouselDock'+carouselInstance,carouselInstance,basketID,'myrail');
            },300)
            //
            // send to links
            fn_locate_frms();
          }
        });
      }
    })
  })
}

fn_submitSendToForm = function(theForm){


  if($('name') && $('name').value == ''){
    alert('Please enter your name');
    return false;
  }
  if($('email') && !validEmail($('email'),'email',true)){
    //alert('Please enter a valid email')
    return false;
  }
  /*
  if($('email') && !validEmail($('email'),'cust_email',true)){

  return false;
  }*/

  var num_elements = theForm.elements.length;
  for(i=0; i<num_elements; i++){
    if(theForm.elements[i].id!= 'cust_email' || theForm.elements[i].id!= 'email')
    theForm.elements[i].value = encodeURIComponent(theForm.elements[i].value);
  }
  var func = 'sendWishList';
  if($('func'))
  func = $('func').value;


  //
  // GOOGLE TRACKER
  if(func=='sendWishList')
  //pageTracker._trackPageview('/submissions/' + func + '/' + $('sendto_type').value);

  // New Google analytics
  _gaq.push(['_trackPageview','/submissions/' + func + '/' + $('sendto_type').value]);
  else
  //pageTracker._trackPageview('/submissions/' + func);

  // New Google analytics
  _gaq.push(['_trackPageview','/submissions/' + func]);

  new Ajax.Request
  (
  path_to_root + 'scripts/php/pDockService2.php',
  {
    onComplete:function(request)
    {
      theForm.hide();
      theForm.up().insert('<h1>Thank you!</h1>');
      setTimeout("cancel_sendTo();",2000);
    },
    asynchronous:true,
    parameters:Form.serialize(theForm)+ '&func='+func
  }
  );
}

fn_submitForm = function(theForm){

  var num_elements = theForm.elements.length;
  for(i=0; i<num_elements; i++){
    if(theForm.elements[i].type != 'button')
    theForm.elements[i].value = encodeURIComponent(theForm.elements[i].value);
  }


  //if($('func')) pageTracker._trackPageview('/submissions/' + $('func').value);

  // New Google analytics
  if($('func'))  _gaq.push(['_trackPageview','/submissions/' + $('func').value]);

  //return;
  new Ajax.Request
  (
  path_to_root + 'scripts/php/pDockService2.php',
  {
    onComplete:function(request)
    {
      if($('func').value=='add_to_notify'){
        theForm.cust_email.hide(); // hide ability to re add to notify
        theForm.cust_tel.hide(); // hide ability to re add to notify
        theForm.notifyBtn.hide();
        var msg = "<p>Thank you, you have registered your interest</p>";
        theForm.insert({bottom:msg});
        //					alert('Thank you, your interest has been acknowledged');
      }
    },
    asynchronous:true,
    parameters:Form.serialize(theForm)
  }
  );
}

function fn_Notify_Form(theForm,domid){


  //
  // check variations are set detail_wrapper6795
  var varChk = 0;
  var variationSel = $$('#detail_wrapper'+domid+' form input');
  variationSel.each(function(sel){
    if(sel.type == 'hidden' && sel.value == '') varChk = 1;
  })

  if(varChk == 1){
    alert('To give you accurate notification, please select the size /colour');
    return false;
  }

  var str = theForm.cust_email.value;
  var at="@"
  var dot="."
  var lat=str.indexOf(at)
  var lstr=str.length
  var ldot=str.indexOf(dot)
  if (str.indexOf(at)==-1){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  else if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  else if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  else if (str.indexOf(at,(lat+1))!=-1){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  else if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  else if (str.indexOf(dot,(lat+2))==-1){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  else if (str.indexOf(" ")!=-1){
    alert("Please enter a valid email address in the correct format")
    return false;
  }
  fn_submitForm(theForm);
}

function fn_add_toRail(pid,domid){
  //
  // check variations are set detail_wrapper6795
  ClickTaleTag("Add To Basket");
  var varChk = 0;
  var variationSel = $$('#detail_wrapper'+domid+' form input');
  variationSel.each(function(sel){
    if(sel.type == 'hidden' && sel.value == '') varChk = 1;
  })

  if(varChk == 1){
    alert('You must select a colour and size.');
    return false;
  }

  new Ajax.Request( path_to_root + 'scripts/php/pDockService2.php', {
    parameters: "func=addToWishList&pid="+pid,
    onComplete: function(){
      // change button
      $('addToRail_'+pid).value = 'BUY';
      window.location = virtual_path + "/myaccount/my-basket";
      // item added notification
      var itemName = $$('#detail_wrapper'+domid+' form h1')[0].innerHTML;
      $('instruct_added').setStyle({marginLeft: - (parseInt($('instruct_added').getWidth()) / 2) + 'px'});
      $('instruct_added').down(1).innerHTML = 'The ' + itemName + ' has been added to your basket';
      new Effect.Appear('instruct_added');
      setTimeout(function(){
        new Effect.Fade('instruct_added');
      },3000)

      //analytics - Record event
      var hash = document.location.hash;
      var prod = hash.substr(1,hash.length-1);
      //alert(prod)
      //pageTracker._trackPageview('/addedtobasket/' + prod);

      // New Google analytics
      _gaq.push(['_trackPageview','/addedtobasket/' + prod]);
      fn_update_railcount();
    }
  })


}
function fn_adding_item_chk(pid,domid){
  var varChk = 0;
  var variationSel = $$('#detail_wrapper'+domid+' form input');
  variationSel.each(function(sel){
    if(sel.type == 'hidden' && sel.value == '') varChk = 1;
  })

  if(varChk == 1){
    alert('You must select a colour and size.');
    return false;
  }
}

function fn_remove_wl_item(wl_is,item_id){
  new Ajax.Request( path_to_root + 'scripts/php/pDockService2.php', {
    parameters: "func=removeFromWishlist&pid="+item_id,
    onComplete: function(transport){
      $('p'+item_id).remove();
    }
  })
}

function fn_remove_myRail_item(wl_is,item_id,domID){

  new Ajax.Request( path_to_root + 'scripts/php/pDockService2.php', {
    parameters: "func=removeFromMyRail&pid="+item_id,
    onComplete: function(transport){
      $(domID).remove();
      fn_update_railcount();

    }
  })
}
/*function fn_select_variation(theForm){
var replacementArea = theForm.replacementArea.value;
$(replacementArea).down().remove();
new Ajax.Updater(replacementArea, path_to_root + 'scripts/php/pDockService2.php', {
parameters: Form.serialize(theForm)+"&func=detailReq",
onComplete: function(transport){
// text tips
$(replacementArea).down(1).setStyle({width:'450px'})

fn_input_placeholders();
},
insertion: Insertion.Top,
evalScripts:true
})
}*/

function cancel_sendTo(){
  //
  // remove form and lightbox effect
  if($('sendForm').up().down())
  $('sendForm').up().down().show();

  $('sendForm').remove();
  if($('lightBox')){
    new Effect.Morph('lightBox', {
      style: 'opacity:0;', // CSS class name
      duration: 0.5,
      afterFinish : function(){
        $('lightBox').remove();
      }
    });
  }

}

function fn_load_carousel_detail_flash_so_1_5(htmlWrapperId, leadMediaType, itemID, carouselType){
  /*
  This is for SWF Object 1.5 - out of date
  ----------------------------------------------------
  htmlWrapperId		the id of the wrapper DIV
  leadMediaType		shop, runway, detail, redcarpet, video (relates to XML)
  itemID				will either be prouct ID or media ID
  carouselType		product, collection
  */
  setTimeout(function(){
    var width = "100%";
    var height = "380px";
    var bgcol = null;
    var so = new SWFObject(path_to_root+"media/swf/CarouselItem.swf", "f_carousel_item_"+itemID, width, height, "8", bgcol, "high");
    so.addParam("wmode", "transparent");
    so.addParam("align", "right");
    so.addParam("menu", "false");
    so.addParam("swfLiveConnect", "true");
    so.addParam("allowScriptAccess","always");
    so.addParam("allowFullScreen","true");
    so.addVariable("myid",itemID);
    so.addVariable("mymediatype",leadMediaType);
    so.addVariable("myrootpath",path_to_root);
    so.addVariable("mycarouseltype",carouselType);
    so.addVariable("mywrapperid",htmlWrapperId);
    var flash = so.write(htmlWrapperId);
    //$('debug').insert({top:'<p>create flash: </p>'});
  },800);

}

function fn_load_carousel_detail_flash(htmlContainerId, htmlWrapperId, leadMediaType, itemID, carouselType, bridal){
  /*
  This is for SWF Object 2.2
  ----------------------------------------------------
  htmlContainerId		the id of the container DIV - NB: this DOM element is REPLACED by the flash object
  leadMediaType		shop, runway, detail, redcarpet, video (relates to XML)
  itemID				will either be prouct ID or media ID
  carouselType		product, collection

  swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes, callback_fn)
  */
  var bridalFlag = false;
  if(bridal=='yes')bridalFlag = true;

  setTimeout(function(){
    var swfURL = path_to_root+"media/swf/CarouselItem.swf";
    var id = htmlContainerId;
    var w = "100%";
    var h = "380px";
    if(BrowserDetect.browser == 'Firefox'){
      var version = "10.0.0";
      var expressInstallURL = null;
    } else
    {
      var version = "9.0.246";
      var expressInstallURL = path_to_root+"media/swf/expressInstall.swf";
    }
    var flashvars = {
      myid:itemID,
      mymediatype:leadMediaType,
      myrootpath:path_to_root,
      mycarouseltype:carouselType,
      mywrapperid:htmlWrapperId,
      myheight:375,
      bridal:bridalFlag
    };
    var params = {
      wmode:"transparent",
      menu:"false",
      align:"right",
      swfLiveConnect:"true",
      allowScriptAccess:"always",
      allowFullScreen:"true",
      bgcolor:null,
      quality:"high"
    };
    var attributes = {
      id:"f_carousel_item_"+itemID
    };
    swfobject.embedSWF(swfURL, id, w, h, version, expressInstallURL, flashvars, params, attributes);
    //$('debug').insert({top:'<p>create flash: </p>'});
  },800);

  setTimeout(function(){
    if($('SWFObjectExprInst'))
    {
      fn_flash_loaded(htmlWrapperId);
    }
  },1800);

}

function fn_flash_loaded(htmlWrapperId){
  //	$(htmlWrapperId).setStyle({marginTop:'-1000px',height:'100%',width:'100%',float:'left'});
  //	$(htmlWrapperId).setStyle({marginTop:'-1000px'});
  //	if($(htmlWrapperId)){
  setTimeout(function(){
    //$(htmlWrapperId).className = 'main_image_wrapper';
    //$('debug').insert({top:'<p>position flash - loaded: </p>'});
    $(htmlWrapperId).setStyle({width:'100%',height:'380px',marginTop:'0px'});
    //setTimeout(function(){
    //			$(htmlWrapperId).up().down().innerHTML = ''; // kill the static image
    if($(htmlWrapperId).up().down('img')){
      //				$(htmlWrapperId).up().down().remove();
      $(htmlWrapperId).up().down().setStyle({display:'none'});
    }

    //$(htmlWrapperId).up().down().setStyle({display:'none'});
    //			if($(htmlWrapperId).up().down()) $(htmlWrapperId).up().down().setStyle({display:'none'});
    //			$(htmlWrapperId).setStyle({marginTop:'0px'});
    //},1000);
  },0);
  //	}

  //$(htmlWrapperId).up().innerHTML = $(htmlWrapperId).innerHTML;

}

function fn_rail_flash_callbacl(e)
{
  
  if(!e.success)
  {
    alert(e.id+":"+e.success+":"+e.ref);
    //fn_flash_loaded($(e.id).up().id);
    if($(e.id).up(1).down('img')){
      //				$(htmlWrapperId).up().down().remove();
      $(e.id).up(1).down().setStyle({display:'none'});
    }
  } else
  {
    //alert(e.id+":"+e.success+":"+e.ref);
    $(e.id).up().setStyle({width:'1px',height:'1px'});
  }
}

function fn_swfobject_callback(e)
{
  if(e.success)
  {
    if($('content_carousel')){
      $(e.id).up().setStyle({width:'1px',height:'1px'});
      if(!$('loader')){
        $('content_carousel').insert({bottom:fla_loader});
        $('loader').down().setStyle({left:'49%'});
      }
    }
  }
}

function isReady(){
  return jsReady;
}

function changeFocus( )
{
  this.window.focus()
}

function debug(msg)
{
  alert("From flash: "+msg);
}

function fn_go_to_product(url)
{
  window.location.href = url;
}

function fn_openForm(theLink,placementID){

  //$(placementID).down().hide();
  new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
    parameters: theLink.href,
    onComplete: function(transport){
      //
      // create form
      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3");
      $('webpage').insert({bottom:transport.responseText});
      $('sendForm').addClassName('popup');
      $('sendForm').setStyle({marginLeft: - (parseInt($('sendForm').getWidth()) / 2) + 'px'});
      //$(placementID).insert({bottom:transport.responseText});

      //
      // GRAB IMAGE AND INSERT
      $('dropZone').insert({bottom:'<div class="image">'+$(placementID).up().down('.image').innerHTML+'</div>'})

      fn_input_placeholders();
    },
    evalScripts:true
  })

}
function fn_openSizeChart(lnk){

  // New Google analytics
  _gaq.push(['_trackPageview','/popup/']);
  new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
    parameters: lnk.href,
    onComplete: function(transport){
      //
      // create form
      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3");
      $('webpage').insert({bottom:transport.responseText});
      fn_input_placeholders();
      $('sendForm').addClassName('popup');
    }
  })
}

function fn_openNeedHelp(lnk){

  // New Google analytics
  _gaq.push(['_trackPageview','/popup/']);
  new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
    parameters: lnk.href,
    onComplete: function(transport){
      //
      // create form
      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3");
      $('webpage').insert({bottom:transport.responseText});
      fn_input_placeholders();
      $('sendForm').addClassName('popup');
    }
  })
}

function fn_openSignUp(lnk, email){

  // New Google analytics
  _gaq.push(['_trackPageview','/popup/']);
  new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
    parameters: lnk + '&email=' + encodeURIComponent(email),
    onComplete: function(transport){
      //
      // create form
      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3");
      $('webpage').insert({bottom:transport.responseText});
      fn_input_placeholders();
      $('sendForm').addClassName('popup');
    }
  })
}

function fn_openDeliveryInfo(lnk){

  // New Google analytics
  _gaq.push(['_trackPageview','/popup/']);
  new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
    parameters: lnk.href,
    onComplete: function(transport){
      //
      // create form
      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3");
      $('webpage').insert({bottom:transport.responseText});
      fn_input_placeholders();
      $('sendForm').addClassName('popup');
    }
  })
}

function fn_update_railcount(){
  new Ajax.Updater('basket_options',path_to_root+'scripts/php/basket_options.inc.php',{
    onComplete: function(transport){
      new Effect.Pulsate('basket_options');
      //fn_myrail_link();
    }
  })
}
//
// Add title tips into text areas to aid user on forms
function fn_input_placeholders(){
  var t_fields = $$('.hint');
  t_fields.each(function(field){
    if(field.value == '') field.value=field.title;
    field.observe("blur",function(){
      if(field.value == '') field.value=field.title;

    }).observe("focus",function(){
      if(field.value == field.title) field.value = '';

    }).up('form').observe("submit",function () {
      if (field.value == field.title) {
        field.value = '';
      }
    })
  })
}

var previousSize = null;
function fn_watch_flash_resize(wrapperID, imgWidth){

  //imgWidth = imgWidth - 20;

  setTimeout(function(){
    if(wrapperID){
      //previousSize = imgWidth;
      // change the master wrapper size
      var addWidth = (imgWidth - $(wrapperID).up().getWidth());


      //addWidth = Math.round(addWidth);
      //		var wrapperNewSize = $(wrapperID).up(2).getWidth() + addWidth;
      var wrapperNewSize = $(wrapperID).up().next().getWidth() + $(wrapperID).up().next(1).getWidth() + imgWidth; // item wrapper


      //$('debug').insert({top:'<p>WrapperID: ' +wrapperID + ' FLASH CAR RESIZE:'+ parseInt($(wrapperID).up(3).getWidth()+(addWidth+0))+'</p>'});
      //$('debug').insert({top:'<p>flash width: ' +imgWidth+' Imgwrap:'+$(wrapperID).up().getWidth()+'</p>'});
      //$('debug').insert({top:'<p>carousel width: ' + parseInt($(wrapperID).up(3).getWidth()+(addWidth+0))+'</p>'});

      if(wrapperNewSize > $(wrapperID).up(2).getWidth()){
        //$(wrapperID).up(3).setStyle({width:parseInt($(wrapperID).up(3).getWidth()+(addWidth+0))+'px'}); // CAROUSEL WIDTH
        //		$(wrapperID).up(3).setStyle({width:parseInt($(wrapperID).up(3).getWidth())+'px'}); // CAROUSEL WIDTH
      }
      //alert(wrapperNewSize + ' ' + $(wrapperID).up(2).getWidth())
      
      /*Benhug
      new Effect.Parallel(
      [
      new Effect.Morph($(wrapperID).up(), { style: 'width:'+(imgWidth)+'px', sync: true}),
      new Effect.Morph($(wrapperID).up(2), {  style: 'width:'+ wrapperNewSize +'px', sync: true})
      ],
      { duration: 0.7, queue:{ position:'end',scope:'openFX'} }
      );
      */

      if((BrowserDetect.browser == 'Safari' && BrowserDetect.version < 530) || (BrowserDetect.browser == 'Chrome' && BrowserDetect.version == 1)){
        $(wrapperID).up(3).setStyle({marginLeft:'inherit',left:'inherit'});
      }

      //
      // show shop the look button
      setTimeout(function(){
        var stlb =$$('.detail_wrapper .stlb');
        stlb.each(function(b){b.show()})

        //moveTo($(wrapperID).up(4),$(wrapperID).up(2))

        /*Position.prepare();
        var container_x = Position.cumulativeOffset($(wrapperID).up(4))[0]
        var container_y = Position.cumulativeOffset($(wrapperID).up(4))[1]
        var element_y = Position.cumulativeOffset($(wrapperID).up(2))[1]
        var element_x = Position.cumulativeOffset($(wrapperID).up(2))[0]
        new Effect.Scroll($(wrapperID).up(4), {x:(element_x-container_x-(parseInt($(wrapperID).up(2).getWidth())/2)), y:(container_y)})*/
      },700)

      //$(wrapperID).up(2).setStyle({width:$(wrapperID).up(2).getWidth()+addWidth+'px'});

    }
  },400)
}
function callErrorForm(errorID){
  new Ajax.Request(path_to_root + 'scripts/php/custom/forms/error_message_frm.php', {
    parameters:"errorID="+errorID,
    onComplete: function(transport){
      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3",{duration:0.3});
      $('webpage').insert({bottom:transport.responseText});
      $('sendForm').setStyle({marginLeft: - (parseInt($('sendForm').getWidth()) / 2) + 'px'});
    }
  });
}
function debugMessage(msg){
  $('debug').insert({top:'<p>debug: ' +msg+'</p>'});
}
function fn_flash_rdy(fid,w,h){
  //debugMessage('flash'+fid+' ready '+flashfileCount);

  $(fid).up().setStyle({width:w+'px',height:h+'px'});
  if(w > 700) $(fid).up(3).setStyle({marginLeft:'0px'});

  flashfileCount = flashfileCount-1;
  if(flashfileCount == 0){
    //debugMessage('remove loader '+flashfileCount);
    if($('loader')) $('loader').remove();
    fn_resize_content_car();
  }
  //debugMessage('flash pass '+fid);

}
function fn_resize_content_car(){

  var pad = 50;
  var flashFiles = $$('.flash_wrapper');
  //
  // remove the left margins on flash only when they have been initialised
  if(flashFiles[0]){
    flashFiles.each(function(ff){
      if(ff.getWidth() > 700){
        pad = 0;
        ff.up(2).setStyle({width:ff.getWidth()+'px'})
      }
    })
  }

  var li_length =0;
  var validcount=0;
  $$('#content_carousel ul li').each(function(li){
    li_length += parseInt(li.getWidth());
    if(parseInt(li.getWidth()) > 20){
      validcount++;
    }
    if(li.getWidth()==0 && li.down().innerHTML == '') li.remove();
  })
  lngh = li_length;
  carlength = lngh;
  if (pad==50) lngh = li_length + (validcount * 20 ) + pad;
  if ($('content_carousel')) $('content_carousel').down().setStyle({ width:+lngh+'px' });

  if(flashfileCount == 0){
    if($('loader'))	$('loader').remove();
    if($('load_wrapper')) $('load_wrapper').remove();
  }

  CheckScroll();
}

/* NORMAL CAROUSEL SCROLL METHODS */

function panLeft(amnt){
  var panTimer;
  var positionLeft = $('content_carousel').scrollLeft;
  var newPoss = positionLeft - amnt;
  var amnt = amnt;

  if(newPoss > 0 || positionLeft > 0){

    $('content_carousel').scrollLeft=newPoss;

    panTimer = setTimeout(function(){
      panLeft(amnt);
    },1)

    $('previous_button').observe("mouseup",function(){
      if(panTimer) {
        clearTimeout(panTimer);
        panTimer = null;
        return;
      }
    })
  }

  $('previous_button').observe("mouseout",function(){

    if(panTimer) {
      clearTimeout(panTimer);
      panTimer = null;
      return;
    }
  })
}
function panRight(amnt){

  var panTimer;
  var positionLeft = $('content_carousel').scrollLeft;
  var newPoss = positionLeft + amnt;
  var amnt = amnt;

  var negativeWidth = 0 - carlength+600;

  if(newPoss > negativeWidth){

    $('content_carousel').scrollLeft=newPoss;

    panTimer = setTimeout(function(){
      panRight(amnt);
    },1)

    $('next_button').observe("mouseup",function(){
      if(panTimer) {
        clearTimeout(panTimer);
        panTimer = null;
        return;
      }
    })

  }

  $('next_button').observe("mouseout",function(){

    if(panTimer) {
      clearTimeout(panTimer);
      panTimer = null;
      return;
    }
  })
}
function CheckScroll(){
  //
  // Hide buttons if size
  /*
  var dimensions = screenDimensions();

  if(dimensions[0]>carlength){
    //
    // attempt to center carousel
    if($('content_carousel')){
      if((BrowserDetect.browser == 'Safari' && BrowserDetect.version < 530) || (BrowserDetect.browser == 'Chrome' && BrowserDetect.version == 1))
      $('content_carousel').setStyle({marginLeft:-(parseInt($('content_carousel').getWidth()) / 2) +'px',marginRight:'auto',left:'50%'});
      else
      $('content_carousel').setStyle({marginLeft:'auto',marginRight:'auto'});

    }
    //
    // hide buttons
    $('previous_button').hide();
    $('next_button').hide();
  }else{
    $('previous_button').show();
    $('next_button').show();
  }
  */

  //debugMessage('offset:'+$('content_carousel').scrollWidth+" "+$('content_carousel').scrollLeft);
  if($('content_carousel').scrollLeft == 0){
    if($('previous_button')){
	$('previous_button').hide();
    }
  }else{
    if($('previous_button')){
	$('previous_button').show();
    }
  }
  /*	if($('content_carousel').scrollWidth <= $('content_carousel').offsetWidth)
  $('next_button').hide();
  else
  $('next_button').show();*/
}

function wheel(event){

  if($('content_carousel'))
  var scroll = $('content_carousel').scrollLeft;
  else
  var scroll = $('horizontal_carousel1').scrollLeft;

  /* Mousewheel UP */
  if (event.wheelDelta) // IE & Opera
  realDelta = event.wheelDelta / 120;
  else if (event.detail) // W3C
  realDelta = -event.detail / 3;

  if (realDelta > 0) {

    if($('content_carousel'))
    $('content_carousel').scrollLeft=scroll - 50
    else
    $('horizontal_carousel1').scrollLeft=scroll - 50
  }
  /* Mousewheel DOWN*/
  else if ((realDelta < 0) && (scroll >= 0)) {
    if($('content_carousel'))
    $('content_carousel').scrollLeft=scroll + 50
    else
    $('horizontal_carousel1').scrollLeft=scroll + 50
  }


}

/**
*	FLASH DETECTION
*/
var isIE  = (navigator.appVersion.indexOf("MSIE") != -1) ? true : false;
var isWin = (navigator.appVersion.toLowerCase().indexOf("win") != -1) ? true : false;
var isOpera = (navigator.userAgent.indexOf("Opera") != -1) ? true : false;

function ControlVersion()
{
  var version;
  var axo;
  var e;

  // NOTE : new ActiveXObject(strFoo) throws an exception if strFoo isn't in the registry

  try {
    // version will be set for 7.X or greater players
    axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.7");
    version = axo.GetVariable("$version");
  } catch (e) {
  }

  if (!version)
  {
    try {
      // version will be set for 6.X players only
      axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.6");

      // installed player is some revision of 6.0
      // GetVariable("$version") crashes for versions 6.0.22 through 6.0.29,
      // so we have to be careful.

      // default to the first public version
      version = "WIN 6,0,21,0";

      // throws if AllowScripAccess does not exist (introduced in 6.0r47)
      axo.AllowScriptAccess = "always";

      // safe to call for 6.0r47 or greater
      version = axo.GetVariable("$version");

    } catch (e) {
    }
  }

  if (!version)
  {
    try {
      // version will be set for 4.X or 5.X player
      axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
      version = axo.GetVariable("$version");
    } catch (e) {
    }
  }

  if (!version)
  {
    try {
      // version will be set for 3.X player
      axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash.3");
      version = "WIN 3,0,18,0";
    } catch (e) {
    }
  }

  if (!version)
  {
    try {
      // version will be set for 2.X player
      axo = new ActiveXObject("ShockwaveFlash.ShockwaveFlash");
      version = "WIN 2,0,0,11";
    } catch (e) {
      version = -1;
    }
  }

  return version;
}
function GetSwfVer(){
  // NS/Opera version >= 3 check for Flash plugin in plugin array
  var flashVer = -1;

  if (navigator.plugins != null && navigator.plugins.length > 0) {
    if (navigator.plugins["Shockwave Flash 2.0"] || navigator.plugins["Shockwave Flash"]) {
      var swVer2 = navigator.plugins["Shockwave Flash 2.0"] ? " 2.0" : "";
      var flashDescription = navigator.plugins["Shockwave Flash" + swVer2].description;
      var descArray = flashDescription.split(" ");
      var tempArrayMajor = descArray[2].split(".");
      var versionMajor = tempArrayMajor[0];
      var versionMinor = tempArrayMajor[1];
      if ( descArray[3] != "" ) {
        tempArrayMinor = descArray[3].split("r");
      } else {
        tempArrayMinor = descArray[4].split("r");
      }
      var versionRevision = tempArrayMinor[1] > 0 ? tempArrayMinor[1] : 0;
      var flashVer = versionMajor + "." + versionMinor + "." + versionRevision;
    }
  }
  // MSN/WebTV 2.6 supports Flash 4
  else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.6") != -1) flashVer = 4;
  // WebTV 2.5 supports Flash 3
  else if (navigator.userAgent.toLowerCase().indexOf("webtv/2.5") != -1) flashVer = 3;
  // older WebTV supports Flash 2
  else if (navigator.userAgent.toLowerCase().indexOf("webtv") != -1) flashVer = 2;
  else if ( isIE && isWin && !isOpera ) {
    flashVer = ControlVersion();
  }
  return flashVer;
}

// When called with reqMajorVer, reqMinorVer, reqRevision returns true if that version or greater is available
function DetectFlashVer(reqMajorVer, reqMinorVer, reqRevision)
{
  versionStr = GetSwfVer();
  if (versionStr == -1 ) {
    return false;
  } else if (versionStr != 0) {
    if(isIE && isWin && !isOpera) {
      // Given "WIN 2,0,0,11"
      tempArray         = versionStr.split(" "); 	// ["WIN", "2,0,0,11"]
      tempString        = tempArray[1];			// "2,0,0,11"
      versionArray      = tempString.split(",");	// ['2', '0', '0', '11']
    } else {
      versionArray      = versionStr.split(".");
    }
    var versionMajor      = versionArray[0];
    var versionMinor      = versionArray[1];
    var versionRevision   = versionArray[2];

    // is the major.revision >= requested major.revision AND the minor version >= requested minor
    if (versionMajor > parseFloat(reqMajorVer)) {
      return true;
    } else if (versionMajor == parseFloat(reqMajorVer)) {
      if (versionMinor > parseFloat(reqMinorVer))
      return true;
      else if (versionMinor == parseFloat(reqMinorVer)) {
        if (versionRevision >= parseFloat(reqRevision))
        return true;
      }
    }
    return false;
  }
}

/*
function registerBuyOverlay(){

$$('.buyoverlay .ol_buy').each(function(el){
Event.observe(el,"click",function(){

var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
$('webpage').insert({bottom:lightbox});
$('lightBox').morph("opacity:0.3");
var pDetail = "<div id=\"pdetail\"></div>";
$('webpage').insert({bottom: pDetail});

new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
parameters: 'func=buy_overlay&pid='+el.id,
onComplete: function(transport){
//
// create form

$('pdetail').insert({bottom:transport.responseText});
fn_input_placeholders();
$('sendForm').addClassName('popup');
$('sendForm').setStyle({marginLeft: - (parseInt($('sendForm').getWidth()) / 2) + 'px'});
}
})
})
})
}
*/

function RecordFlashAnalytics(flashfile,event,eventsubject){

  if(event=='')event='notset';
  if(eventsubject=='')eventsubject='notset';

  var buildpath = "/flash/"+flashfile+"/"+event+"/"+eventsubject;
  //pageTracker._trackPageview(buildpath);

  // New Google analytics
  _gaq.push(['_trackPageview',buildpath]);


}

/*
function changeVariation(element,pid){

//
// Check attribute.
// 1. reload images
// 2. reload price
// 3. reload related products panel
//myLoader();
var additionaparams = '';
//additionaparams = '&pid='+ element.value;
additionaparams = '&pid='+ pid;

if(element.name == 'att_Colour'){
additionaparams += '&requestimage=yes';
}

new Ajax.Updater('pdetail', path_to_root + 'scripts/php/pDockService2.php',{
parameters: 'func=selectProduct&'+element+'='+ pid + additionaparams,
onComplete: function(transport) {
$('sendForm').setStyle({marginLeft: - (parseInt($('sendForm').getWidth()) / 2) + 'px'});
fn_input_placeholders();
}
});
}
*/

/*
function show_info(show,div_id)
{
if (show == "desc")
{
//alert ('click show desc');
$('p_description_'+div_id).style.display="block";
$('p_attribute_'+div_id).style.display="none";

$('p_description_button_'+div_id).style.display="none";
$('p_attribute_button_'+div_id).style.display="block"
}
else if (show == "att")
{
//alert ('click show att');
$('p_description_'+div_id).style.display="none";
$('p_attribute_'+div_id).style.display="block";

$('p_description_button_'+div_id).style.display="block";
$('p_attribute_button_'+div_id).style.display="none"
}
}
*/

function registerBuyOverlay(){

  $$('.buyoverlay .ol_buy').each(function(el){
    Event.observe(el,"click",function(){

      var lightbox = "<div id=\"lightBox\" class=\"lightBox\" style=\"opacity:0\"></div>";
      $('webpage').insert({bottom:lightbox});
      $('lightBox').morph("opacity:0.3");
      var pDetail = "<div id=\"pdetail\"></div>";
      $('webpage').insert({bottom: pDetail});

      new Ajax.Request(path_to_root+'scripts/php/pDockService2.php',{
        parameters: 'func=buy_overlay&pid='+el.id,
        onComplete: function(transport){
          //
          // create form

          $('pdetail').insert({bottom:transport.responseText});
          fn_input_placeholders();
          $('sendForm').addClassName('popup');
          $('sendForm').setStyle({marginLeft: - (parseInt($('sendForm').getWidth()) / 2) + 'px'});
        }
      })
    })
  })
}

function changeVariation(element,pid){

  //
  // Check attribute.
  // 1. reload images
  // 2. reload price
  // 3. reload related products panel
  //myLoader();
  var additionaparams = '';
  //additionaparams = '&pid='+ element.value;
  additionaparams = '&pid='+ pid;

  if(element.name == 'att_Colour'){
    additionaparams += '&requestimage=yes';
  }

  new Ajax.Updater('pdetail', path_to_root + 'scripts/php/pDockService2.php',{
    parameters: 'func=selectProduct&'+element+'='+ pid + additionaparams,
    onComplete: function(transport) {
      $('sendForm').setStyle({marginLeft: - (parseInt($('sendForm').getWidth()) / 2) + 'px'});
      fn_input_placeholders();
    }
  });
}

// Toggle function when viewing product
function show_info(show,div_id)
{
  if (show == "desc")
  {
    //alert ('click show desc');
    $('p_description_'+div_id).style.display="block";
    $('p_attribute_'+div_id).style.display="none";

    $('p_description_button_'+div_id).style.display="none";
    $('p_attribute_button_'+div_id).style.display="block"
  }
  else if (show == "att")
  {
    //alert ('click show att');
    $('p_description_'+div_id).style.display="none";
    $('p_attribute_'+div_id).style.display="block";

    $('p_description_button_'+div_id).style.display="block";
    $('p_attribute_button_'+div_id).style.display="none"
  }
}

// ]]>