// brusan.us javascript version 1.0


$(window).load(function() {
	$("#loader").delay(1000).fadeOut();												
}); 

$(document).ready(function() {
													 
	
	$("a.lightbox").fancybox({
		'transitionIn'	:	'elastic',
		'transitionOut'	:	'elastic',
		'speedIn'		:	600, 
		'speedOut'		:	200, 
		'overlayShow'	:	true,
		'overlayColor'	: '#000',
		'overlayOpacity'	: '0.5'
	});
		
	$(".rounded").append("<span class=\"corners tl\"></span><span class=\"corners tr\"></span><span class=\"corners bl\"></span><span class=\"corners br\"></span>")
	
	$("#prodviewer #browser #swatches .picker td.swatch").click(function(){
		$("#prodviewer #browser #swatches .picker td.swatch").removeClass('active');
		$(this).addClass('active');
		
		loadid = "#prodviewer #display div.slide#" + $(this).attr('loadid');
		$("#prodviewer #display div.slide").hide();
		$(loadid).fadeIn();

	});
	
	
	$("#prodviewer #browser #swatches .picker td.pickback").click(function(){
		loadid = "#prodviewer #browser #swatches .picker#" + $(this).attr('loadid');
		$("#prodviewer #browser #swatches .picker").hide();
		$(loadid).show();
	});
	$("#prodviewer #browser #swatches .picker td.pickfwd").click(function(){
		loadid = "#prodviewer #browser #swatches .picker#" + $(this).attr('loadid');
		$("#prodviewer #browser #swatches .picker").hide();
		$(loadid).show();
	});
	
	
	
	
	
	// TABBED LAYOUT SWITCHER
	$("#overlay div.headerbox-tabber ul li").click(function () {
		
    // get parent overlay window
		parentwin = $(this).parents("div.screen");

    //find elements
    clickedtab = $(this);
		tabcontainer = clickedtab.parent("ul");
		tabswitchbox = parentwin.find(".tab-scrollbox");
    
		
		var index = $("#" + parentwin.attr("id") + " .headerbox-tabber li").index(this);
		var activetabbody = $("#" + parentwin.attr("id") + " .tabs").eq(index);

		
    // set active tab
		tabcontainer.children("li").removeClass("active");
		clickedtab.addClass("active");
		
		// set active content
		tabswitchbox.children(".tabs").hide();
		activetabbody.fadeIn();
		
	});
	
	
	
	$("#screen").click(function(){
		closeoverlay();
	});
	
	$("a#close").click(function(){
		closeoverlay();
		return false;
	});
	
	
	
	
	
	
	
	
	// loadoverlay('infocompare',0);
	
	

	
});




function loadoverlay (id,tabindex) {

	parentwin = $("#" + id);
	activetab = $("#" + id + " .headerbox-tabber li").eq(tabindex);
	activetabbody = $("#" + id + " .tabs").eq(tabindex);
	
	
	$(".headerbox-tabber li").removeClass("active");
	$("#overlay .tabs").hide();
	$("#overlay .screen").hide();
	
	$("#screen").show();
	$("#overlay").show();
	centeroverlay();
	parentwin.show();
	activetab.addClass("active");
	activetabbody.fadeIn();

}


function centeroverlay() {
	centerthis = $("#overlay");
	var prevtop = $(window).scrollTop() + 80;
	var prevleft = (($(window).width() / 2)-384);
	centerthis.css("top", prevtop + "px");
	centerthis.css("left", prevleft + "px");
	
	$("#screen").css("height",$(document).height());
	$(".tab-scrollbox").css("height", ($(window).height()-300) );
}


function closeoverlay() {
	$("#screen").hide();
	$("#overlay").hide();			
}

$(function(){
    $(window).resize(function(){
        centeroverlay();
    });
});