$(document).ready(function() {
    // Add JavaScript-active class
    documentInit();

    //Magnus.s: 
    //var prm = Sys.WebForms.PageRequestManager.getInstance();
    //prm.add_pageLoaded(documentInit);

    //Start the "search polling"
    setTimeout("checkSearch()", 3000);

});

function documentInit() {	
    $("#pageHead ul ul, ul.folders, .tabContainer, #lightboxOverlay, #lightbox, #pricecalculator, #searchresult .imageitem .menu, #displayoptions, #displayoptions .relevancecontent, #displayoptions .displaycontent, .searchFieldHistory, #createfolder, #changefolder, #addfolder").hide();
	
	$(".datepicker").datepicker(); //Price Calculator
	$(".datepicker").datepicker('option', { dateFormat: 'yy-mm-dd' });

	$("#mainmenu li").hover(function(){
	    $('ul', this).slideDown('fast', function() { });
	    $(this).parent().addClass('Active')
       },function(){
	    $('ul', this).slideUp();
	    $(this).parent().removeClass('Active');	
 	}); 
	
	// LOGIN
	$("#login").hide();
	$("a.logintrigger").bind("click", function(e){
		
		e.preventDefault();
					
     	if ($('#login').hasClass('Visible')) {
			$('#login').removeClass('Visible').slideUp();
	     } else {
			$('#login').addClass('Visible').slideDown();
     	}
		
	});
	
	
	// changelanguage
	$("#changelanguage").hide();
	$("a.changelanguagetrigger").bind("click", function(e){
		
		e.preventDefault();
					
     	if ($('#changelanguage').hasClass('Visible')) {
			$('#changelanguage').removeClass('Visible').slideUp();
	     } else {
			$('#changelanguage').addClass('Visible').slideDown();
     	}
		
	});
	
	// REGISTER
	$("#register").hide();
	$("a.registertrigger").bind("click", function(e){
		
		e.preventDefault();
					
     	if ($('#login').hasClass('Visible')) {
			$('#login').removeClass('Visible').slideUp();
			$('#register').fadeIn();
	     } else {
			$('#register').fadeIn();
     	}
		
	});

	$(".loginclose").bind("click", function(e) {

	    e.preventDefault();
	    $('#login').fadeOut();
	});
	
	$(".registerclose").bind("click", function(e) {
		
		e.preventDefault();
		$('#register').fadeOut();     			
	});
	
	// BOTTOMBAR

	$('#bottombar').slideDown();
	
	var windowHeight = $(window).height();
	var windowWidth = $(window).width();
	
	var bodyHeight = $("body").height();
	var bodyWidth = $("body").width();
		
	if ($.browser.msie && $.browser.version <= 6 ){
		$('#bottombar').css("top", windowHeight - 50);
		
		$(window).resize(function(){
			var windowHeight = $(window).height();
			var scrollHeight = $(window).scrollTop();
			$('#bottombar').stop().animate({ top: windowHeight + scrollHeight - 50 }, 50 );
		});
		
		$(window).scroll(function () { 
			var windowHeight = $(window).height();
			var scrollHeight = $(window).scrollTop();
			$('#bottombar').stop().animate({ top: windowHeight + scrollHeight - 29 }, 50 );
	    });
	} else {
		var windowHeight = $(window).height();
		$('#bottombar').css({ 'position': 'fixed', 'bottom': '0', 'width': bodyWidth - 6 });
	}
	
	$(window).resize(function(){
		var bodyWidth = $("body").width();
		$('#bottombar').css({ 'width': bodyWidth - 6 });
	});
	
	var foldersHeight = $('ul.folders').outerHeight();
	$('ul.folders').css("top", -foldersHeight);

	$(".folderlink").bind("click", function(e) {
	    e.preventDefault();

	    $('ul.folders').hide();

	    var allFolderlinks = $('.folderlink')
	    var allFolderimages = $('.folderimages')
	    var folderId = $(this).attr("id")
	    var folderIdImages = '#' + folderId + 'images'

	    if ($(folderIdImages).hasClass('Visible')) {
	        allFolderlinks.removeClass('folderlinkActive');
	        allFolderimages.removeClass('Visible').fadeOut(250);
	        if ($.browser.msie && $.browser.version <= 6) {
	            $('#bottombar').css("top", windowHeight - 40);
	        } else {
	            var windowHeight = $(window).height();
	            $('#bottombar').css({ 'bottom': '0' });
	        }
	        $('#bottombar h3.foldertrigger').removeClass('Active');
	        setBottomBarStatus("false");
	    } else {
	        /*
	        allFolderlinks.removeClass('folderlinkActive');
	        allFolderimages.removeClass('Visible').hide(50);
	        $('#'+folderId).addClass('folderlinkActive');
	        $(folderIdImages).fadeIn(250).addClass('Visible');
			
			if ($.browser.msie && $.browser.version <= 6 ){
	        $('#bottombar').css("top", windowHeight - 175);
	        } else {
	        var windowHeight = $(window).height();
	        $('#bottombar').css({ 'position': 'fixed', 'bottom': '135px', 'width': bodyWidth - 6 });
	        }
	        $('#bottombar h3.foldertrigger').addClass('Active');
	        */
	        setBottomBarStatus("true");
	        bottomBarOpen();
	    }
	});

	$('.folderminimize').bind("click", function() {

	    setBottomBarStatus("false")
	
		$('.folderlink').removeClass('folderlinkActive');
		$('.folderimages').removeClass('Visible').fadeOut(250);
		if ($.browser.msie && $.browser.version <= 6 ){
			$('#bottombar').css("top", windowHeight - 40);
		} else {
			var windowHeight = $(window).height();
			$('#bottombar').css({ 'bottom': '0'});
		}
		$('#bottombar h3.foldertrigger').removeClass('Active');
	});
	
	$(".foldertrigger").bind("click", function(e){
		$('ul.folders').toggle();
    });

    $(".bottombarCreateFolderTrigger").bind("click", function(e) {
        e.preventDefault();
        if ($('#createfolder').hasClass("visible")) {
            $("#createfolder").hide().removeClass("visible");
        } else {
            $("#createfolder").show().addClass("visible");
        }
    });
	    

	function bottomBarOpen() {
        $('ul.folders').hide();

	    var allFolderlinks = $('.folderlink');
	    var allFolderimages = $('.folderimages');
	    var folderId = "folder1";
	    var folderIdImages = '#' + folderId + 'images'

	    if ( !$(folderIdImages).hasClass('Visible')) {
	        allFolderlinks.removeClass('folderlinkActive');
	        allFolderimages.removeClass('Visible').hide(50);
	        $('#' + folderId).addClass('folderlinkActive');
	        $(folderIdImages).fadeIn(250).addClass('Visible');

	        if ($.browser.msie && $.browser.version <= 6) {
	            $('#bottombar').css("top", windowHeight - 175);
	        } else {
	            var windowHeight = $(window).height();
	            $('#bottombar').css({ 'position': 'fixed', 'bottom': '124px', 'width': bodyWidth - 6 });
	        }
	        $('#bottombar h3.foldertrigger').addClass('Active');
	        getBottombar();
	    }
	}

    checkBottomBarStatus();

	// Searchoptions triggers
	$('.searchoptionstriggers .tab').bind("click", function(){
		var allTabs = $('.searchoptionstriggers .tab')
		var allTabsContainer = $('.tabContainer')
		var tabId = $(this).attr("id")
		var tabIdContainer = '#'+tabId+'Container'
				
		if ($('#'+tabId).hasClass('active')) {
			allTabs.removeClass('active');
			allTabs.removeClass('nextActive');
			allTabs.removeClass('prevActive');
			allTabsContainer.removeClass('visible').fadeOut(250);
		} else {
			allTabs.removeClass('active');
			allTabs.removeClass('nextActive');
			allTabs.removeClass('prevActive');
			allTabsContainer.removeClass('visible').hide(50);
			$('#'+tabId).addClass('active');
			$('#'+tabId).prev().addClass('nextActive');
			$('#'+tabId).next().addClass('prevActive');
			$(tabIdContainer).fadeIn(250).addClass('visible');
			viewCategoriesFirst(tabId);
		}
		
	});
	
	$('#searchresult .imageitem .image').each(function() {
		var imgHeight = $(this).children().height();
		$(this).children('img').css({ 'margin-top': 195 - imgHeight });
	});

	// Imagelist hover
	$("#searchresult .imageitem").hover(
	  function () {
		$(this).addClass('imageitemHover');
		$(this).children('.menu').show();
	  }, function () {
		$(this).removeClass('imageitemHover');
		$(this).children('.menu').hide();
	});
	
	// Searchoptions triggers
	$('.relevanceTrigger').bind("click", function(){
		var triggerClass = $(this).attr("class")
		
			$('#displayoptions .tabs span').removeClass('active');
			$('#displayoptions').show(function(){
				$('#displayoptions').children().children('.relevance').addClass('active');
				$('#displayoptions').addClass('active');
			});
			$('#displayoptions .relevancecontent').show().addClass('visible');
	});
	
	$('.displayTrigger').bind("click", function(){
		var triggerClass = $(this).attr("class")
			
			$('#displayoptions .tabs span').removeClass('active');
			$('#displayoptions').show(function(){
				$('#displayoptions').children().children('.display').addClass('active');
				$('#displayoptions').addClass('active');
			});
			$('#displayoptions .displaycontent').show().addClass('visible');
	
	});
	
	// Searchoptions toggle view
	$('#displayoptions .relevance, #displayoptions .display').bind("click", function(){
		var triggerClass = $(this).attr("class")
				
		if ($(this).hasClass('active')) {
			$('#displayoptions:visible').hide(function(){
				$('#displayoptions, #displayoptions header span').removeClass('active');
				$('#displayoptions section').hide().removeClass('visible');
			});
		} else if ($('#displayoptions .displaycontent').hasClass('visible')) {
			$('#displayoptions .displaycontent').hide().removeClass('visible');
			$('#displayoptions .relevancecontent').show().addClass('visible');
			$('#displayoptions .tabs span').removeClass('active');
			$(this).addClass('active');
		} else if ($('#displayoptions .relevancecontent').hasClass('visible')) {
			$('#displayoptions .relevancecontent').hide().removeClass('visible');
			$('#displayoptions .displaycontent').show().addClass('visible');
			$('#displayoptions .tabs span').removeClass('active');
			$(this).addClass('active');
		} else {
			// nothing
		}
	});
		
	$(document).bind('click', function(e) {
		var $clicked=$(e.target);
	
		if($clicked.is('#displayoptions') || $clicked.parents().is('#displayoptions')) { 
		//
		} else if ($('#displayoptions').hasClass('active')) { 
			$('#displayoptions:visible').hide(function(){
				$('#displayoptions, #displayoptions header span').removeClass('active');
				$('#displayoptions section').hide().removeClass('visible');
			});
		}
	});
	
	$(document).bind('click', function(e) {
		var $clicked=$(e.target);
	
		if($clicked.is('#searchoptions') || $clicked.parents().is('#searchoptions')) { 
		//
		} else if ($('#searchoptions .tabContainer').hasClass('visible')) { 
			var allTabs = $('.searchoptionstriggers .tab')
			var allTabsContainer = $('.tabContainer')
			var tabId = $(this).attr("id")
			var tabIdContainer = '#'+tabId+'Container'
					
				allTabs.removeClass('active');
				allTabs.removeClass('nextActive');
				allTabs.removeClass('prevActive');
				allTabsContainer.removeClass('visible').fadeOut(250);
		}
	});
	
	$('.searchFieldHistoryTrigger').bind("click", function(){
				
		if ($('.searchFieldHistory').hasClass('visible')) {
			$('.searchFieldHistory').hide().removeClass('visible');
		} else {
			$('.searchFieldHistory').show(50, function(){
				$('.searchFieldHistory').addClass('visible');
			});
		}
	});
	
	$(document).bind('click', function(e) {
		var $clicked=$(e.target);
	
		if($clicked.is('.searchFieldHistory') || $clicked.parents().is('.searchFieldHistory')) { 
		//
		} else if ($('.searchFieldHistory').hasClass('visible')) { 
			$('.searchFieldHistory:visible').hide(50, function(){
				$('.searchFieldHistory').removeClass('visible');
			});
		}
	});
	
	/*
	$('.lightboxoptionstriggers .tab').bind("click", function(){
		var allTabs = $('.lightboxoptionstriggers .tab')
		var allTabsContainer = $('.tabContainer')
		var tabId = $(this).attr("id")
		var tabIdContainer = '#'+tabId+'Container'
				
		if ($('#'+tabId).hasClass('active')) {
			allTabs.removeClass('active');
			allTabs.removeClass('nextActive');
			allTabs.removeClass('prevActive');
			allTabsContainer.removeClass('visible').fadeOut(250);
		} else {
			allTabs.removeClass('active');
			allTabs.removeClass('nextActive');
			allTabs.removeClass('prevActive');
			allTabsContainer.removeClass('visible').hide(50);
			$('#'+tabId).addClass('active');
			$('#'+tabId).prev().addClass('nextActive');
			$('#'+tabId).next().addClass('prevActive');
			$(tabIdContainer).fadeIn(250).addClass('visible');
		}
		
	});
	*/
	
	$("#leftnav a.change").bind("click", function(e){
		e.preventDefault();
     	if ($('#changefolder').hasClass("visible")) {
			$("#changefolder").hide();
	     } else {
     		$("#changefolder").show();
     	}
	});
	
	$("#leftnav a.createfolder").bind("click", function(e){
		e.preventDefault();
     	if ($('#createfolder').hasClass("visible")) {
			$("#createfolder").hide().removeClass("visible");
	     } else {
     		$("#createfolder").show().addClass("visible");
     	}
	});
	
	//$("#searchresult .menu a.folder").bind("click", function(e){
	//	e.preventDefault();
    // 	if ($('#addfolder').hasClass("visible")) {
	//		$("#addfolder").hide().removeClass("visible");
	//     } else {
    // 		$("#addfolder").show().addClass("visible");
    // 	}
	//}); 
	
	$("#createfolder .Close").bind("click", function(){
     	$("#createfolder").hide().removeClass("visible");
	});
	
	$("#changefolder .Close").bind("click", function(){
     	$("#changefolder").hide().removeClass("visible");
	});
	
	$("#addfolder .Close").bind("click", function(){
     	$("#addfolder").hide().removeClass("visible");
	});
	
	
	// Inspiration tooltip
	$(".slider li .tooltip").hide();
	$(".slider li .tooltip11").hide();
	$(".slider li .tooltip22").hide();
	$(".slider li .tooltip32").hide();
	$(".slider li .tooltip33").hide();
	$(".slider li").hover(
	  function () {
		// show
		$(this).children('.tooltip').show();
		$(this).children('.tooltip11').show();
		$(this).children('.tooltip22').show();
		$(this).children('.tooltip32').show();
		$(this).children('.tooltip33').show();
      }, 
	  function () {
		// hide
		$(this).children('.tooltip').hide();
		$(this).children('.tooltip11').hide();
		$(this).children('.tooltip22').hide();
		$(this).children('.tooltip32').hide();
		$(this).children('.tooltip33').hide();
      }
	);
	
	// Colorswitch
	$("input[name$='colorswitch']").change(function(){
		var inputVal = $(this).val();
		if (inputVal == 'svart') {
			$('#searchresult').removeAttr("class").addClass('imageitemBlack');
		} else if (inputVal == 'vit') {
			$('#searchresult').removeAttr("class").addClass('imageitemWhite');
		} else if (inputVal == 'gra') {
			$('#searchresult').removeAttr("class").addClass('imageitemGrey');
        } else if (inputVal == 'rosa') {
            $('#searchresult').removeAttr("class").addClass('imageitemPink');
        } else {
			$('#searchresult').removeAttr("class");
		}
	});
	
	$("input#selectalltop").change(function () {
		if ($("input#selectalltop").is(':checked')) {
			$('#shoppingcartlist form input[type="checkbox"]').attr('checked', 'checked');
		} else {
			$('#shoppingcartlist form input[type="checkbox"]').removeAttr('checked');
		}
	});
	
	$("input#selectallbottom").change(function () {
		if ($("input#selectallbottom").is(':checked')) {
			$('#shoppingcartlist form input[type="checkbox"]').attr('checked', 'checked');
		} else {
			$('#shoppingcartlist form input[type="checkbox"]').removeAttr('checked');
		}
	});
	
    $("#newfolder").bind("click", function(){
        var tabLabel;
        if ($get("ctl00_LabelBottomBarFolderName") != null)
            tabLabel = $get("ctl00_LabelBottomBarFolderName");
        else if ($get("ctl00_ctl00_LabelBottomBarFolderName") != null)
            tabLabel = $get("ctl00_ctl00_LabelBottomBarFolderName");

        if(tabLabel != null)
            tabLabel.innerHTML = folderName;

        var baseUrl = "" + iFrameBottomBar.src;
        if (baseUrl.indexOf("?") >= 0)
            baseUrl = baseUrl.substring(0, baseUrl.indexOf("?"));

        iFrameBottomBar.src = baseUrl + "?folderid=" + folderId;

        $('#bottombar ul.folders').toggle();
    });     

}

function lightBoxoptionsTriggersClick(tabId, keyword, folderId, pictureIndex) {
    var allTabs = $('.lightboxoptionstriggers .tab')
	var allTabsContainer = $('.tabContainer')
	var tabIdContainer = '#'+tabId+'Container'
	//alert ('lightBoxoptionsTriggersClick' + tabId + ' ' + keyword + ' ' + folderId + ' ' + pictureIndex);		
	if ($('#'+tabId).hasClass('active')) {
		allTabs.removeClass('active');
		allTabs.removeClass('nextActive');
		allTabs.removeClass('prevActive');
		allTabsContainer.removeClass('visible').fadeOut(250);
	} else {
	    if (keyword != null && keyword.length >0){
		    getLightBoxBottombar(pictureIndex, -1, keyword);
		} else if (folderId != null && folderId > 0) {
		    getLightBoxBottombar(pictureIndex, folderId, null);
		}
		allTabs.removeClass('active');
		allTabs.removeClass('nextActive');
		allTabs.removeClass('prevActive');
		allTabsContainer.removeClass('visible').hide(50);
	    $('#'+tabId).addClass('active');
		$('#'+tabId).prev().addClass('nextActive');
		$('#'+tabId).next().addClass('prevActive');
		$(tabIdContainer).fadeIn(250).addClass('visible');
	}	
}


function setBottomBarStatus(isOpen) {
    var hiddenBottmBarStatus;
    if ($get("ctl00_HiddenFieldBottomBarOpen"))
        hiddenBottmBarStatus = $get("ctl00_HiddenFieldBottomBarOpen");
    else if ($get("ctl00_ctl00_HiddenFieldBottomBarOpen"))
        hiddenBottmBarStatus = $get("ctl00_ctl00_HiddenFieldBottomBarOpen");

    hiddenBottmBarStatus.value = isOpen;
}

function checkBottomBarStatus() {
    var bottmBarStatus = false;
    if ($get("ctl00_HiddenFieldBottomBarOpen"))
        isBottmBarOpen = $get("ctl00_HiddenFieldBottomBarOpen").value.toLowerCase();
    else if ($get("ctl00_ctl00_HiddenFieldBottomBarOpen"))
        isBottmBarOpen = $get("ctl00_ctl00_HiddenFieldBottomBarOpen").value.toLowerCase();
        
    if(isBottmBarOpen == "true" ){
        bottomBarOpen();
    }
}