$j(document).ready(function() {

  initUI = function() {
     	$j('.row-search input.text').each(function() {
  	 	  if ($j(this).val() == '')
  	 	    $j(this).parent().find('label').show();
  	 	});
    
      $j('.row-search input.text').focus(function() {
      	$j(this).parent().find('label').hide();
      });
      $j('.row-search input.text').parent().find('label').click(function() {
      	$j(this).hide();
      	$j('.row-search input.text').focus();
      });
      $j('.row-search input.text').blur(function() {
      	if (this.value == '') {
      		$j(this).parent().find('label').show();
      	};
      });
      $j('a.openable').click(function() {
	  	$j(this).parent().click();
		return false;
	  	/*
  			if ($j(this).next('ul.select').css("display") == "none") {
  				$j('ul.select').hide();
  				$j('a.openable').removeClass("opened");
  				$j(this).addClass('opened').next('ul.select').show();
  			} else {
  				$j(this).removeClass('opened').next('ul.select').hide();
  			}
      	return false;
      	*/
      });
	  
	  $j('div.openable_div').click(function() {
	  		if ($j(this).children('ul.select').css("display") != "none") {
  			    $j(this).removeClass('opened').children('ul.select').hide();
  			}
      	return false;
	  });
	  $j('div.openable_div').mouseover(function() {
  	  		if ($j(this).children('ul.select').css("display") == "none") {
				$j('ul.select').hide();
				$j('div.openable_div').removeClass("opened");
				$j(this).addClass('opened').children('ul.select').show();
			}
        	return false;
  	  });	
      $j('ul.select a').click(function() {
      	var text1 = $j(this).text();
      	/*$j(this).parent().parent().hide().prev('a.openable').removeClass('opened').text(text1);*/
		$j(this).parent().parent().hide().parent('div.openable_div').removeClass('opened').children('a.openable').text(text1);
        // return false;
      });
      $j('div.categories li').click(function() {
      	$j(this).toggleClass('opened').find('ul').slideToggle();
      });
    
      // product details gallery
      var n = $j('div.thumbs ul li').size();
      var thumbs_width = 88 * n;
      var end = 560 - thumbs_width;
    
      $j('div.thumbs ul').css('width', thumbs_width);
      $j('div.thumbs img').click(function() {
      	var img = $j(this).attr('src');
      	$j('div.image img').attr('src', img);
      });
    
      var startPosition = $j('div.thumbs ul').css('left');
  	$j('.prev').addClass('disabled');

  	function slideNext() {
  		var currentPos = $j('div.thumbs ul').css('left');
  		if (currentPos <= startPosition) {
  			$j('.prev').removeClass('disabled');
  			$j('div.thumbs ul').animate({'left': '-=80px'}, 500);
  		} else {
  			$j('.prev').removeClass('disabled');
			
  		}
  	};
	
  	function slidePrev() {
  		var currentPos = $j('div.thumbs ul').css('left');
  		if (currentPos >= startPosition) {
  			$j('.prev').addClass('disabled');
  			return false;
  		} else {
  			$j('.prev').removeClass('disabled');
  			$j('div.thumbs ul').animate({'left': '+=80px'}, 500);
  		}
		
  	}
  	$j('div.thumbs ul li').click(function() {
  		$j(this).addClass('current').siblings().removeClass('current');
  	});
  	$j('div.thumbs ul li:first').addClass('current');
      $j('.next').click(slideNext);
      $j('.prev').click(slidePrev);
  }
  
  initUI();
  
  $j(document).click(
  	function(){
		$j('div.openable_div').removeClass('opened');
		$j('ul.select').hide();
	}
  ); 	 
});