$(window).load(function(){
    $(document).ready(function () {
    $("#LoaderBkg").fadeOut(500);
});
  });

  
$(document).ready(function(){
$(".image_Menu_off").hover(function () {
      $(this).fadeTo("fast", 1);
    },function () {
      $(this).fadeTo("fast", 0.6);
    });
	
	$(".div_category_row").hover(function () {
$(this).fadeTo("fast", 1);
 },function () {
$(this).fadeTo("fast", 0.5);
  });

$(".grog_gallery_button").hover(function () {
$(this).fadeTo("fast", 1);
 },function () {
$(this).fadeTo("fast", 0.6);
  });

$("#div_grog_gallery_layer").hover(function () {
$("#grog_gallery_button").fadeIn("fast");
 },function () {
$("#grog_gallery_button").fadeOut("fast");
  });

});


function ScrollContent(vpos,id){
$(".image_category").fadeTo(1, 0.2);
$(".div_category_row").fadeTo(1, 0.5);
$.scrollTo(vpos, 600, function(){
	$("#"+id).fadeTo("fast", 1, function(){
	$("#row_"+id).fadeTo("slow", 1);
	});
});
}

function DetailOpen(vpos,id,productname,grog_gallerycount){
$("#Detail_Layer_Frame").attr({src: "grog_product_detail.asp?p="+ productname +"&g="+ grog_gallerycount +"&c=js"});
$(".image_category").fadeTo(1, 0.2);
$(".div_category_row").fadeTo(1, 0.5);

$("#Detail_Layer_Backg").fadeIn(100, function (){
        $("#Detail_Layer").fadeIn(400, function(){
			$("#"+id).fadeTo("fast", 1, function(){
			$("#row_"+id).fadeTo("slow", 1, function(){
			$.scrollTo(vpos, 200);
			});
			});									
		});
});
}

function DetailClose(){
$("#Detail_Layer").fadeOut(50, function(){
	$("#Detail_Layer_Backg").fadeOut(100, function(){
	$("#Detail_Layer_Frame").attr({src: "grog_product_detail.asp?p=default&c=js"});										  
	});
});
}

function OverProd(prodId) {
$("#"+prodId+"_tag").fadeTo(200, 1);
$("#"+prodId+"_chart").fadeIn(400);		
}

function OverOutProd(prodId) {
$("#"+prodId+"_chart").fadeOut(200);
$("#"+prodId+"_tag").fadeTo(400, 0.3);
}


/// grog_gallery DETAIL ///
 var element_count;
 var old_element = 0;
 var current_element = 0;
 
 $(document).ready(function(){
   element_count = $("div.div_grog_gallery_element").size();
   $("div.div_grog_gallery_element:eq("+current_element+")").css('left','0px');
   });
 
 function grog_gallery_rotate() {
   current_element = (old_element + 1) % element_count;
   $("div.div_grog_gallery_element:eq(" + old_element + ")").animate({left: -450},700, function() {
	  $(this).css('left','450px');
   });
   $("div.div_grog_gallery_element:eq(" + current_element + ")").show().animate({left: 0},700);
   old_element = current_element;
   
 }