/*******

	***	Anchor Slider by Cedric Dugas   ***
	*** Http://www.position-absolute.com ***
	
	Never have an anchor jumping your content, slide it.

	Don't forget to put an id to your anchor !
	You can use and modify this script for any project you want, but please leave this comment as credit.
	
*****/
		


$(document).ready(function() {
	$("a.anchorLink").anchorAnimate()
});

jQuery.fn.anchorAnimate = function(settings) {

 	settings = jQuery.extend({
		speed : 1100
	}, settings);	
	
	return this.each(function(){
		var caller = this
		$(caller).click(function (event) {	
			event.preventDefault()
			var locationHref = window.location.href
			var elementClick = $(caller).attr("href")
			
			var destination = $(elementClick).offset().top;
			$("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, settings.speed, function() {
				window.location.hash = elementClick
			});
		  	return false;
		})
	})
}
// End of Javascript for jquery scroller.



// Javascript for jquery Fancy Box.

  
  $(document).ready(function() {
  $("a[rel]").fancybox({
  'titleShow' : false,
  'overlayOpacity': 0.60,
  'overlayColor': '#554a44',
  'padding' : 0,
  'margin' :  40,
  'centerOnScroll': true,
  'titleFormat'   : function(title, currentArray, currentIndex, currentOpts) {
          return '<div id="tip7-title"><span><a href="javascript:;" onclick="$.fancybox.close();"></a></span>' + (title && title.length ? '<div class="imagetitle">' + title + '</div>' : '' ) + '<div class="imagenumber">' + (currentIndex + 1) +  ' / ' + currentArray.length + '</div>' + '</div>';
}});
        
	$("a#sizingGuideLink").fancybox({
	'href': '/themes/size-guide.html',
	'padding' : '10',
	'margin' : '0',
	'titleShow' : false,
	'autoDimensions' : false,
	'height' : '80%',
	'overlayColor': '#554a44', 
    'width' : '750'	  
    });
    
});


// End Javascript for jquery Fancy Box.


// Javascript for jquery Scrollbar Script.
   
  

 
      $(function()
      {
        $('.scroll-pane').jScrollPane();
    $('.scroll-pane2').jScrollPane();
  
      });
 
 


// End Javascript for jquery Scrollbar Script.

// Javascript for jquery Photogrids Rollover.
  
 
    $(function(){
	  
      $('#photogrid li', this ).mouseenter(function() {
        $('.categoryname', this).show();
        $('img', this).fadeTo('fast', 0.5);
      });
      $('#photogrid li', this ).mouseleave(function() {
        $('.categoryname', this).hide();
        $('img', this).fadeTo('fast', 1);
      });
	  $('#photogrid li.noeffect', this ).mouseenter(function() {
        $('img', this).fadeTo(0, 1);
      });
	  
    });
// End of Javascript for jquery Photogrids Rollover.


// Javascript for jquery slide down panels Search and Newsletter.
  


$(function(){

    $("#click2search").click( function() { 
      $('#searchbox').slideToggle('fast');
    });

    $("#newslettersignup").click( function() { 
      $('#newsletterform').slideToggle('fast');
    });
    
});


// End of Javascript for jquery slide down panels Search and Newsletter.


// Javascript for jquery update shopping bag page.


$(function(){ 
  $("#baskettable tr a").click( function() { 
    var id=$(this).attr('id');
    removeFromBag(id);
  });
});
  
function removeFromBag(itemid){
    document.frmMain.elements['amt[' + itemid + ']'].value = 0;
    submitForm('Update Basket');    
}

// End of Javascript for jquery update shopping bag page.

// Javascript for jquery sliding basket.



     
  $(function(){ 
  
    $("#basketItemsWrap li:first").hide();
    $("#slidingBagContent").hide();
    $("#newsletterform").hide();
    $("#searchbox").hide();

    $("#slidingBagTrigger").live("click", function(event) {
                           
        $("#slidingBagContent").slideToggle("fast", function(){
                               
        if ($("#slidingBagContent").is(":visible")) {
          $("#slidingBagFooterLeft").hide();
          $("#closeSlidingBag").html('<a href="#" onclick="return false;" id="slidingBagTrigger"><span>Close bag</span></a>');
          } else {
          $("#slidingBagFooterLeft").html('<a href="#" onclick="return false;" id="slidingBagTrigger"><span>Shopping Bag</span></a>');
          $("#slidingBagFooterLeft").show();
          }
      });
    }); 
    
  });

// End of Javascript for jquery sliding basket.