$(document).ready(function(){

  $('#nav li').hover(function() {
    // Stop the timer.
    clearTimeout(this.sfTimer);
    // Display child lists.
    $('> ul', this).css({left: 'auto', display: 'block'})
      // Immediately hide nephew lists.
      .parent().siblings('li').children('ul').css({left: '-999em', display: 'none'});
  }, function() {
    // Start the timer.
    var uls = $('> ul', this);
    this.sfTimer = setTimeout(function() {
      uls.css({left: '-999em', display: 'none'});
    }, 4000);
  });
if ( $('#front_gallery').length  ) { slideShow(); }

$('.chk_bind').click(function(){
	var arg = "";
	var firstime = true;
	var hrefurl = "/ajax.php?_a=viewAllProd";
	$('.chk_bind:checked').each(function() {
		if ( firstime ) {
			arg = $(this).val(); 
			firstime = false;
		} else {
			arg += ","+$(this).val(); 
		}
     });
	if ( arg.length > 0 ) {
		 hrefurl = "/ajax.php?_a=viewAllProd&f="+arg;
	}
	$.bbq.pushState({ url: hrefurl });
});

$(window).bind( "hashchange", function(e) {
	var url = $.bbq.getState( "url" );
	$.ajax({url: url, dataType: "html", type: "GET", success: function(html_response) {
		$('#reload_content').html(html_response);
     }});
});

parseLocationOnLoad();

});

function parseLocationOnLoad() {
  var url = window.location.href;
  var hash_tmp = unescape(window.location.hash);
  if ( url.indexOf('viewAllProd') && hash_tmp.length ) {
    var hash = hash_tmp.replace('#url=', '');
    $.ajax({url: hash, dataType: "html", type: "GET", success: function(html_response) {
      $('#reload_content').html(html_response);
     }});
    $('input[type=radio]').attr('checked', false);
    var args_array_tmp = hash.split('=');
    var args_array = args_array_tmp[2].split(',');
    for ( var i=0, len=args_array.length; i<len; ++i ){
      $('input[value='+args_array[i]+']').attr('checked', true);
    }
  }
}



function slideShow() {

     //Set the opacity of all images to 0
     $('#front_gallery a').css({opacity: 0.0});

     //Get the first image and display it (set it to full opacity)
     $('#front_gallery a:first').css({opacity: 1.0});

     //Set the caption background to semi-transparent
     $('#front_gallery .caption').css({opacity: 0.7});

     //Resize the width of the caption according to the image width
     $('#front_gallery .caption').css({width: $('#front_gallery a').find('img').css('width')});

     //Get the caption of the first image from REL attribute and display it
     $('#front_gallery .content').html($('#front_gallery a:first').find('img').attr('rel')).animate({opacity: 0.7}, 400);

     //Call the gallery function to run the slideshow, 6000 = change to next image after 6 seconds
     setInterval('gallery()',6000);

 }

function gallery() {

     //if no IMGs have the show class, grab the first image
     var current = ($('#front_gallery a.show')?  $('#front_gallery a.show') : $('#front_gallery a:first'));

     //Get next image, if it reached the end of the slideshow, rotate it back to the first image
     var next = ((current.next().length) ? ((current.next().hasClass('caption'))? $('#front_gallery a:first') :current.next()) : $('#front_gallery a:first'));  

     //Get next image caption
     var caption = next.find('img').attr('rel');

     //Set the fade in effect for the next image, show class has higher z-index
     next.css({opacity: 0.0})
     .addClass('show')
     .animate({opacity: 1.0}, 1400);

     //Hide the current image
     current.animate({opacity: 0.0}, 1400)
     .removeClass('show');

     //Set the opacity to 0 and height to 1px
     $('#front_gallery .caption').animate({opacity: 0.0}, { queue:false, duration:0 }).animate({height: '1px'}, { queue:true, duration:300 });

     //Animate the caption, opacity to 0.7 and heigth to 100px, a slide up effect
     $('#front_gallery .caption').animate({opacity: 0.7},100 ).animate({height: '100px'},500 );

     //Display the content
     $('#front_gallery .content').html(caption);

 }

function clearSearch() {
//$("input:radio").attr("checked", false);
window.location = 'index.php?_a=viewAllProd';
}