function ShowHelp(img, title, desc){
	div = document.createElement('div');
	div.id = 'help';
	div.style.display = 'inline';
	div.style.position = 'absolute';
	div.style.width = '300';
	div.style.backgroundColor = '#CFF4FF';
	div.style.border = 'solid 1px #008ACF';
	div.style.padding = '10px';
	div.innerHTML = '<span class=help><b>' + title + '<\/b><\/span><br /><div style="padding-left:10; padding-right:5;padding-top:5px;" class=help>' + desc + '<\/div>';

	var parent = img.parentNode;
	if(img.nextSibling)
		parent.insertBefore(div, img.nextSibling);
	else
		parent.appendChild(div)
}

function HideHelp(img){
	if ($("#help").length) {
		$("#help").css('display','none');
		setTimeout('RemoveHelp()', 1);
	}
}

function RemoveHelp(){
	$("#help").remove();
}

//### gallery list effect

function over(val){
	//$(val).find("div").show()
	$(val).css("z-index","9999");	
	$(val).find("div.sidenav").stop()
	.find("div").stop()
	.animate({top: "-15px", opacity:7,duration:500,left: "-15px"})
	.css("display","block")	
	.find("img").stop()
	.css({"height":'125px',"width":'auto'});
	$(val).find("div.gallery_product_zoom").stop()
	.find("img").stop()
	.css({"height":'105px',"width":'105px'});
	
}

function out(val){
	//$(val).find("div").hide()
	$(val).css("z-index","100");
	$(val).find("div.sidenav").stop()
	.find("div").stop()
	.animate({top: "15px", opacity: 0,duration:100,left: "15px"})		 
	.css("display","none")
	.find("img").stop()
	.css({"height":'100px',"width":'auto'});	
	$(val).find("div.gallery_product_zoom").stop()
	.find("img").stop()
	.css({"height":'100px',"width":'100px'});
}

//### product list effect

function products_list_mouseover_zoom(val){
	$(val).find("div.smallnav").stop()
	.find("div").stop()
	.animate({top: "-42px", opacity:5,duration:3000,left: "-42px"})
	.css("z-index","9999")
	.css("display","block")	
	.find("img").stop()
	.css({"height":'103px',"width":'auto'});
	$(val).find("div.produt_default").stop()
	.find("img").stop()
	.css({"height":'43px',"width":'auto'});

	}

function products_list_mouseout_zoom(val){
	$(val).find("div.smallnav").stop()
	.find("div").stop()
	.animate({top: "42px", opacity: 0,duration:100,left: "42px"})		 
	.css("display","none")
	.css("z-index","9999")
	.find("img").stop()
	
	
	$(val).find("div.produt_default").stop()
	.find("img").stop()
	.css({"height":'45px',"width":'45px'});
	}