function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");
		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
				}
			}
		}
	}
}
if(window.addEventListener) {
	window.addEventListener("load", smartRollover, false);
}
else if(window.attachEvent) {
	window.attachEvent("onload", smartRollover);
}

function dspInfo(tgt,id){
	var tgt = tgt;
	var id = id;
	if($("#"+tgt).css("display")=="none"){
		$("#"+tgt).css({"display":"block","z-index":"9999"});
		$("#"+id).css("display","none");
	}else{
		$("#"+tgt).css("display","none");
	}
	$("#"+tgt).find(".close a").click(function(){
  		$("#"+tgt).css("display","none");
	});
}


function dspList(tgt,tag){
	var tgt = tgt;
	var tag = tag;
	var title = title;
	if($("#"+tgt).find(tag).css("display")=="none"){
		$("#"+tgt).find(tag).slideDown(300);
		$("#"+tgt).find(".listTitle").addClass("open");
		$("#"+tgt).find(".listTitle").removeClass("close");
	}else{
		$("#"+tgt).find(tag).slideUp(300);
		$("#"+tgt).find(".listTitle").removeClass("open");
		$("#"+tgt).find(".listTitle").addClass("close");
	}
}


$(function(){
	$("#sellRanking #rankArticles .dspFirst").addClass("current");
	$("#sellRanking #rankArticles .dspFirst a").click(function(){
			if($("#sellRanking #rankFirst").css("display")=="none"){
				$("#sellRanking #rankFirst").slideDown(300);
				$("#sellRanking #rankArticles .dspFirst").addClass("current");
			}else{
				$("#sellRanking #rankFirst").slideUp(300);
				$("#sellRanking #rankArticles .dspFirst").removeClass("current");
			}
	});

	$("#sellRanking #rankArticles .dspCombined a").click(function(){
			if($("#sellRanking #rankCombined").css("display")=="none"){
				$("#sellRanking #rankCombined").slideDown(300);
				$("#sellRanking #rankArticles .dspCombined").addClass("current");
			}else{
				$("#sellRanking #rankCombined").slideUp(300);
				$("#sellRanking #rankArticles .dspCombined").removeClass("current");
			}
	});

	$("#sellRanking #rankArticles .dspAfter a").click(function(){
			if($("#sellRanking #rankAfter").css("display")=="none"){
				$("#sellRanking #rankAfter").slideDown(300);
				$("#sellRanking #rankArticles .dspAfter").addClass("current");
			}else{
				$("#sellRanking #rankAfter").slideUp(300);
				$("#sellRanking #rankArticles .dspAfter").removeClass("current");
			}
	});
});

$(function(){
	$("a#rankTab01").addClass("current");
	$("#rankList01").css("display","block");
	$("#rankList02").css("display","none");
	$("a#rankTab01").click(function(){
				$("#rankList01").css("display","block");
				$("#rankList02").css("display","none");
				$("a#rankTab01").addClass("current");
				$("a#rankTab02").removeClass("current");
	});
	$("a#rankTab02").click(function(){
				$("#rankList02").css("display","block");
				$("#rankList01").css("display","none");
				$("a#rankTab02").addClass("current");
				$("a#rankTab01").removeClass("current");
	});
});

$(function(){
	$("a#itemIndexTab01").addClass("current");
	$("#itemIndex01").css("display","block");
	$("#itemIndex02").css("display","none");
	$("a#itemIndexTab01").click(function(){
				$("#itemIndex01").css("display","block");
				$("#itemIndex02").css("display","none");
				$("a#itemIndexTab01").addClass("current");
				$("a#itemIndexTab02").removeClass("current");
	});
	$("a#itemIndexTab02").click(function(){
				$("#itemIndex02").css("display","block");
				$("#itemIndex01").css("display","none");
				$("a#itemIndexTab02").addClass("current");
				$("a#itemIndexTab01").removeClass("current");
	});
});

/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
};


// starting the script on page load
$(document).ready(function(){
	imagePreview();
	$("#itemImg li.thumbImg a").click(function(e) {
		e.preventDefault();
	});	
});