$(document).ready(function(){

	initGenreMenu(); // genremenu initialization
	initPromoPreview();
});
// end of dom load functions

function initGenreMenu() { // genremenu open/close
	var genremenu = $("#genremenu");
	if (genremenu.length > 0) {
		var ul = $("ul",genremenu);
		$("div.genremenuopener", genremenu).click(function(){
			var opener = $(this);
			$(ul).stop(); // remove all animation
			if ($(opener).hasClass("closed")) { // closed? open it!
				$(ul).slideDown(300,function(){
					$(opener).removeClass("closed");
				});
			} else {
				$(ul).slideUp(300,function(){ // open? close it!
					$(opener).addClass("closed");
				});
			} // $(opener).hasClass("closed")
		}); // click function

		$(ul).slideUp(300,function(){
			$("div.genremenuopener", genremenu).addClass("closed");
		});
	}// if genremenu.length
} // initGenreMenu()


function initPromoPreview() { // preview line functional
	var promopreview = $("#secondppreview");
	if (promopreview.length > 0) {
		var ul = $("ul",promopreview);
		var w = 0; // ul width
		$("li",ul).each(function(){
			var li = $(this);
			var img = $("img",li); // get preview image
			// create bubble title from img ALT-attribute
			var title = $('<span class="promoprevtitle"><b></b><em>'+$(img).attr("alt")+'</em><i></i></span>');
			$(img).attr("alt",""); // fix IE, remove ALT
//			$(title).insertBefore(img); // insert bubble to DOM
			$(title).appendTo("#secondpromo div.trunk").hide(); // insert bubble to DOM
			// preview hover action
			$(li).hover(function(){
				var pos = $(this).position()
				// mouse over
				$(this).addClass("hover");
				$(title).css({left: pos.left + 35}).show();
			},function(){
				$(this).removeClass("hover"); // mouse out
				$(title).hide();
			});
			var ml = $(li).css("marginLeft"); ml = ml.replace("px","") * 1;
			var mr = $(li).css("marginRight"); mr = mr.replace("px","") * 1;
			this.ml = ml; this.mr = mr; // write margin to the LI
			this.w = $(li).outerWidth(); // write width to the LI
			w = w + this.w + ml + mr;
		});
		//$(ul).width(w+5);

	} // promopreview.length > 0
} // initPromoPreview()

function showList(obj){
	obj = $(obj);
	$('#secondppreview').children('.secondlist').hide();
	var id = obj.attr('rel');
	$('#genremenu').find('.current').removeClass('current');
	obj.addClass('current');
	$('#second-'+id).show();
}