//Javascript init
var backgoundImageTimer;
var nextImageIndex = 1;

var jsSize = 1;
switch(websiteSize)
{
    case 0:
        jsSize = 0.64;
    break;
    case 1:
        jsSize = 0.8;
    break;
    case 2:
        jsSize = 1;
    break;
}//switch

//When dom is ready.
$(document).ready(function() {
    
    InitElements();
    getILikeContent();
});

function InitElements(){

    //Top menu
    $(".largeImageMenuItemContainer").mouseenter(function(){
        
        $(".imageMenuItemTextContainer", this).stop().animate({"top": calcValue(13) + "px"},400);
    });
    
    $(".largeImageMenuItemContainer").mouseleave(function(){
        
        $(".imageMenuItemTextContainer", this).stop().animate({"top": calcValue(90) + resValue(1,0,0) + "px"},400);
    });
    
    $(".smallImageMenuItemContainer").mouseenter(function(){
        
        if(!$(this).hasClass("selectedTopMenuItem"))
            $(".smallImageMenuItemTextContainer", this).stop().animate({"top": calcValue(18) + "px"},400);
    });
    
    $(".smallImageMenuItemContainer").mouseleave(function(){
        
        if(!$(this).hasClass("selectedTopMenuItem"))
            $(".smallImageMenuItemTextContainer", this).stop().animate({"top": calcValue(95) + resValue(1,0,0) + "px"},400);
    });

    $(".menu2Item").mouseenter(function() {

        if (!$(this).hasClass("selectedMenu2Item")) {
            $(this).addClass("hoverMenu2Item");

            //Get id
            var selectedId = parseInt($(this).attr("id").split("_")[1]);
            //alert(selectedId);
            $(".menu2_spacer_" + selectedId).addClass("hiddenSpacer");
            $(".menu2_spacer_" + (selectedId + 1)).addClass("hiddenSpacer");
        } //if
    });

    $(".menu2Item").mouseleave(function() {

        if (!$(this).hasClass("selectedMenu2Item")) {
            $(this).removeClass("hoverMenu2Item");

            //Get id
            var selectedId = parseInt($(this).attr("id").split("_")[1]);
            $(".menu2_spacer_" + selectedId).removeClass("hiddenSpacer");
            $(".menu2_spacer_" + (selectedId + 1)).removeClass("hiddenSpacer");
        }
    });  
       
    $(".menu4Item").mouseenter(function() {

        if (!$(this).hasClass("selectedMenu4Item")) {
            $(this).addClass("hoverMenu4Item");

            //Get id
            var selectedId = parseInt($(this).attr("id").split("_")[1]);
            //alert(selectedId);
            $(".menu4_spacer_" + selectedId).addClass("hiddenSpacer");
            $(".menu4_spacer_" + (selectedId + 1)).addClass("hiddenSpacer");
        } //if
    });

    $(".menu4Item").mouseleave(function() {

        if (!$(this).hasClass("selectedMenu4Item")) {
            $(this).removeClass("hoverMenu4Item");

            //Get id
            var selectedId = parseInt($(this).attr("id").split("_")[1]);
            $(".menu4_spacer_" + selectedId).removeClass("hiddenSpacer");
            $(".menu4_spacer_" + (selectedId + 1)).removeClass("hiddenSpacer");
        }
    });     
    
    //Check if frontpage
    if(pagetype == 10)
    {
        //Left menu
        $(".tblNewsTeaserItem").mouseenter(function(){
            
            $(".divNewsTeaserImageOverlayLeft", this).stop().animate({"width": calcValue(35) + "px"},200);
        });
        
        $(".tblNewsTeaserItem").mouseleave(function(){
            
            $(".divNewsTeaserImageOverlayLeft", this).stop().animate({"width": calcValue(75) + "px"},200);
        });
        
        
        //Right column
        $(".aFrontpageDownload").mouseenter(function(){
            
            $(".divFrontpageDownloadImage", this).addClass("divFrontpageDownloadImageOn").removeClass("divFrontpageDownloadImage");
        });
        
        $(".aFrontpageDownload").mouseleave(function(){
            
            $(".divFrontpageDownloadImageOn", this).addClass("divFrontpageDownloadImage").removeClass("divFrontpageDownloadImageOn");
        });
        
        $(".divFrontpageDigsitesContainer").mouseenter(function(){
            
            $(".divFrontpageDigsites").addClass("divFrontpageDigsitesOn").removeClass("divFrontpageDigsites");
        });
        
        $(".divFrontpageDigsitesContainer").mouseleave(function(){
            
            $(".divFrontpageDigsitesOn").addClass("divFrontpageDigsites").removeClass("divFrontpageDigsitesOn");
        });
        
        $(".divContactLinkContainer").mouseenter(function(){
            
            $(".divContactLink").addClass("divContactLinkOn").removeClass("divContactLink");
        });
        
        $(".divContactLinkContainer").mouseleave(function(){
            
            $(".divContactLinkOn").addClass("divContactLink").removeClass("divContactLinkOn");
        });
    }
    else
    {
        $(".divLeftArrowContainer").click(function(){
            
            prevImage();
        });
        
        $(".divRightArrowContainer").click(function(){
            
            nextImage();
        });
        
    
        $(".divLeftArrowContainer").mouseenter(function(){
            
            $(".divLeftArrowgreen").addClass("divLeftArrowgreenOn").removeClass("divLeftArrowgreen");
            $(".divLeftArroworange").addClass("divLeftArroworangeOn").removeClass("divLeftArroworange");
            $(".divLeftArrowgray").addClass("divLeftArrowgrayOn").removeClass("divLeftArrowgray");
            $(".divLeftArrowblue").addClass("divLeftArrowblueOn").removeClass("divLeftArrowblue");
        });
        
        $(".divLeftArrowContainer").mouseleave(function(){
            
            $(".divLeftArrowgreenOn").addClass("divLeftArrowgreen").removeClass("divLeftArrowgreenOn");
            $(".divLeftArroworangeOn").addClass("divLeftArroworange").removeClass("divLeftArroworangeOn");
            $(".divLeftArrowgrayOn").addClass("divLeftArrowgray").removeClass("divLeftArrowgrayOn");
            $(".divLeftArrowblueOn").addClass("divLeftArrowblue").removeClass("divLeftArrowblueOn");
        });
           
        $(".divRightArrowContainer").mouseenter(function(){
            
            $(".divRightArrowgreen").addClass("divRightArrowgreenOn").removeClass("divRightArrowgreen");
            $(".divRightArroworange").addClass("divRightArroworangeOn").removeClass("divRightArroworange");
            $(".divRightArrowgray").addClass("divRightArrowgrayOn").removeClass("divRightArrowgray");
            $(".divRightArrowblue").addClass("divRightArrowblueOn").removeClass("divRightArrowblue");
        });
        
        $(".divRightArrowContainer").mouseleave(function(){
            
            $(".divRightArrowgreenOn").addClass("divRightArrowgreen").removeClass("divRightArrowgreenOn");
            $(".divRightArroworangeOn").addClass("divRightArroworange").removeClass("divRightArroworangeOn");
            $(".divRightArrowgrayOn").addClass("divRightArrowgray").removeClass("divRightArrowgrayOn");
            $(".divRightArrowblueOn").addClass("divRightArrowblue").removeClass("divRightArrowblueOn");
        });
        
        $(".divContactLinkContainer").mouseenter(function(){
            
            $(".divContactLinkgreen").addClass("divContactLinkgreenOn").removeClass("divContactLinkgreen");
            $(".divContactLinkorange").addClass("divContactLinkorangeOn").removeClass("divContactLinkorange");
            $(".divContactLinkgray").addClass("divContactLinkgrayOn").removeClass("divContactLinkgray");
            $(".divContactLinkblue").addClass("divContactLinkblueOn").removeClass("divContactLinkblue");
        });
        
        $(".divContactLinkContainer").mouseleave(function(){

            $(".divContactLinkgreenOn").addClass("divContactLinkgreen").removeClass("divContactLinkgreenOn");
            $(".divContactLinkorangeOn").addClass("divContactLinkorange").removeClass("divContactLinkorangeOn");
            $(".divContactLinkgrayOn").addClass("divContactLinkgray").removeClass("divContactLinkgrayOn");
            $(".divContactLinkblueOn").addClass("divContactLinkblue").removeClass("divContactLinkblueOn");

        });

        $(".divButtonLinkContainer").mouseenter(function() {

            $(".divButtonLinkgreen").addClass("divButtonLinkgreenOn").removeClass("divButtonLinkgreen");
            $(".divButtonLinkorange").addClass("divButtonLinkorangeOn").removeClass("divButtonLinkorange");
            $(".divButtonLinkgray").addClass("divButtonLinkgrayOn").removeClass("divButtonLinkgray");
            $(".divButtonLinkblue").addClass("divButtonLinkblueOn").removeClass("divButtonLinkblue");
        });

        $(".divButtonLinkContainer").mouseleave(function() {

            $(".divButtonLinkgreenOn").addClass("divButtonLinkgreen").removeClass("divButtonLinkgreenOn");
            $(".divButtonLinkorangeOn").addClass("divButtonLinkorange").removeClass("divButtonLinkorangeOn");
            $(".divButtonLinkgrayOn").addClass("divButtonLinkgray").removeClass("divButtonLinkgrayOn");
            $(".divButtonLinkblueOn").addClass("divButtonLinkblue").removeClass("divButtonLinkblueOn");

        });
        
        $(".divSmallTextToggle").click(function(){
            
            //Toggle small textfield
            if($(".toggleHide").hasClass("show"))
            {
                //Hide
                $(".toggleHide").removeClass("show");
                $(".toggleHide").css({"display":"none"});
                
                $(".toggleShow").addClass("show");
                $(".toggleShow").css({"display":"block"});
                
                $(".divSmallScrollbarContainer").animate({"opacity" : 'toggle' },10);
                $(".divSmallTextContainerRoot").stop(true, true).animate({"width": 'toggle', "height" : 'toggle', "opacity" : 'toggle' },1000);
                
                $(".divFacebookiLike_"+pagetype).css({"display":"none"});
                
            }//if
            else
            {
                //Show
                $(".toggleHide").addClass("show");
                $(".toggleHide").css({"display":"block"});
                
                $(".toggleShow").removeClass("show");
                $(".toggleShow").css({"display":"none"});
                
                $(".divSmallScrollbarContainer").animate({"top":"" + calcValue(35)},1000).animate({"opacity" : 'toggle' },10);
                $(".divSmallTextContainerRoot").stop(true, true).animate({ "width": 'toggle', "height": 'toggle', "opacity": 'toggle' }, 1000);
                
                $(".divFacebookiLike_"+pagetype).css({"display":"block"});
                
            }//else
        });
    }
      
    //Check pagetype        
    switch(pagetype)
    {
        /*
        .AddItem(1, "Artikel (Tekst med billedserie)")
        .AddItem(2, "Artikel (Kun tekst)")
        .AddItem(3, "Nyheder")
        .AddItem(4, "Bilag")
        .AddItem(5, "Kontakt")
        .AddItem(6, "Sitemap")
        .AddItem(7, "Hovedpunkt (Tekst med billedserie)")
        .AddItem(10, "Forside") 
        */
        case 1:
            //Init scrollbar
	        InitScrollBar('divSmallTextContainerRoot','divSmallTextContainer', 'divSmallTextDocument','divSmallScrollbarContainer', false);
	        
            initBackgroundFlash();
            break;
        case 2:
            //Init scrollbar
	        InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
            break;
        case 3:
            //Init scrollbar
	        InitScrollBar('divSmallTextContainerRoot','divSmallTextContainer', 'divSmallTextDocument','divSmallScrollbarContainer', false);        
            initBackgroundFlash();
            break;
        case 4:
            
            $(".divAnnexCategoryContent").hide();
          
            //Add click handler
            $(".divAnnexCategoryArrowContainer").click(function(){
            
                //Toggle show / hide
                if($(".divAnnexCategoryRightArrow",this).hasClass("show"))
                {
                    //Hide
                    $(".divAnnexCategoryRightArrow",this).removeClass("show");
                    $(".divAnnexCategoryRightArrow",this).css({"display":"none"});
                    
                    $(".divAnnexCategoryDownArrow",this).addClass("show");
                    $(".divAnnexCategoryDownArrow",this).css({"display":"block"});
                }//if
                else
                {
                    //Show
                    $(".divAnnexCategoryRightArrow",this).addClass("show");
                    $(".divAnnexCategoryRightArrow",this).css({"display":"block"});
                    
                    $(".divAnnexCategoryDownArrow",this).removeClass("show");
                    $(".divAnnexCategoryDownArrow",this).css({"display":"none"});
                }//else
                
                var id = $(this).attr("id").split("_")[1];
                $("#divAnnexCategoryContent_" + id).slideToggle(1000, function() {
                
                    InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
                });
            });
            
            //Add click handler
            $(".divAnnexCategoryHeaderText").click(function(){
            
                //Toggle show / hide
                if($(".divAnnexCategoryRightArrow",$(this).parent()).hasClass("show"))
                {
                    //Hide
                    $(".divAnnexCategoryRightArrow",$(this).parent()).removeClass("show");
                    $(".divAnnexCategoryRightArrow",$(this).parent()).css({"display":"none"});
                    
                    $(".divAnnexCategoryDownArrow",$(this).parent()).addClass("show");
                    $(".divAnnexCategoryDownArrow",$(this).parent()).css({"display":"block"});
                }//if
                else
                {
                    //Show
                    $(".divAnnexCategoryRightArrow",$(this).parent()).addClass("show");
                    $(".divAnnexCategoryRightArrow",$(this).parent()).css({"display":"block"});
                    
                    $(".divAnnexCategoryDownArrow",$(this).parent()).removeClass("show");
                    $(".divAnnexCategoryDownArrow",$(this).parent()).css({"display":"none"});
                }//else
                
                var id = $(this).attr("id").split("_")[1];
                $("#divAnnexCategoryContent_" + id).slideToggle(1000, function() {
                
                    InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
                });
            });
            
            //Init scrollbar
	        InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
            break;
        case 5:
            //Init scrollbar
	        InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
            break;
        case 6:
            //Init scrollbar
	        InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
            break;
        case 7:
            initBackgroundFlash();
            break;
        case 10: //Frontpage
            ScriptService.set_timeout(1000 * 60);
            initDisplayRemoteData();
            break;
        case 11:
            //Init scrollbar
	        InitScrollBar('divCenterTextField','divTextContainer', 'divTextDocument','divScrollbarContainer', false);
	        break;
	    case 13:
	        //Init scrollbar
	        InitScrollBar('divCenterTextField', 'divTextContainer', 'divTextDocument', 'divScrollbarContainer', false);
	        break;
        default:
            break;
    }//switch
    
}//InitElements

function initDisplayRemoteData() {

    refreshRemoteData();
}

function refreshRemoteData() {

	//TODO...fix this......
    //ScriptService.GetRemoteData(onGetRemoteDataComplete, OnTimeOut, OnError);
}

function initBackgroundFlash(){

    //Init flash div
    setTimeout("LoadLargeBackgroundFlash()",100);
    
    //Start timer
    if ($("#divImageLinkContainer a").length > 1)
        backgoundImageTimer = setInterval("nextImage()", 6000);
    else {
        nextImageIndex = 0;
        $(".divImageCounterContainer").css({ "display": "none" });
    }
}//initBackgroundFlash

function nextImage(){

    //Stop timer
    clearInterval(backgoundImageTimer);

    //if no IMGs have the show class, grab the first image
	var current = ($('#divImageLinkContainer a.show')?  $('#divImageLinkContainer a.show') : $('#divImageLinkContainer a:first'));

    //Update image index
    if(current.next().length > 0)
        nextImageIndex++;
    else
        nextImageIndex = 1;

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ( current.next()) : $('#divImageLinkContainer a:first'));	
	
	var nextImageSrc = next.find('span').attr('rel');
	
	//Update background flash image
	thisMovie("slide_js").displayImage(nextImageSrc);
	
	//Update next pointer
	next.addClass('show');
	current.removeClass('show');
	
	//Start timer
    backgoundImageTimer = setInterval("nextImage()", 6000);
}//nextImage

function prevImage(){

    //Stop timer
    clearInterval(backgoundImageTimer);
    
    //if no IMGs have the show class, grab the first image
	var current = ($('#divImageLinkContainer a.show')?  $('#divImageLinkContainer a.show') : $('#divImageLinkContainer a:first'));

    //Update image index
    if(current.prev().length > 0)
        nextImageIndex--;
    else
        nextImageIndex = $('#divImageLinkContainer').children().length;

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var previous = ((current.prev().length) ? ( current.prev()) : $('#divImageLinkContainer a:last'));	
	
	//Get next image caption
	var nextImageSrc = previous.find('span').attr('rel');
	
	//Update background flash image
	thisMovie("slide_js").displayImage(nextImageSrc);
	
	//Update next pointer
	previous.addClass('show');
	current.removeClass('show');
	
	//Start timer
    backgoundImageTimer = setInterval("nextImage()", 6000);
}//prevImage

function LoadLargeBackgroundFlash(){
  
     document.getElementById("divCenterImageFlash").innerHTML = AC_FL_RunContent(
			    'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,24,0',
			    'width', '100%',
			    'height', '100%',
			    'src', 'slide_js',
			    'quality', 'high',
			    'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
			    'align', 'top',
			    'play', 'true',
			    'loop', 'true',
			    'scale', 'noscale',
			    'wmode', 'transparent',
			    'devicefont', 'false',
			    'id', 'slide_js',
			    'bgcolor', '#cccccc',
			    'name', 'slide_js',
			    'menu', 'true',
			    'allowScriptAccess','sameDomain',
			    'allowFullScreen','false',
			    'movie', 'slide_js',
			    'FlashVars', "test=false&intern=false&id=largeFlash&lib="+backgroundImageFolder+"/&imgs="+ firstBackgroundImage + "&display_sec=4&fade_sec=2&stage_width=100%&stage_height=100%",
			    'salign', 'lt'
			    ); //end AC code           
}//LoadLargeBackgroundFlash

function flashRespons(n,id){
	
	$(".divImageCounterField").attr("innerHTML" , nextImageIndex + " / " + $("#divImageLinkContainer a").length );
}//flashRespons

function thisMovie(movieName) {
    return document[movieName];
}//thisMovie

function calcValue(intValue){
    return parseInt(intValue * jsSize);
}//calcValue

function resValue(int1, int2, int3){
    
    switch(websiteSize)
    {
        case 0:
            return int1;
        break;
        case 1:
            return int2;
        break;
        case 2:
            return int3;
        break;
    }//switch
} //resValue


function onGetRemoteDataComplete(args) {

	if(args.length < 10)
	{
		setTimeout("refreshRemoteData()", 10000);
    	$(".lblCleaningPrSecond").attr('innerHTML', '' + args); 
   }
}

function onVoidComplete(args) {

}

function OnTimeOut(args) {

    //Reload page    
    //alert("Service call timed out." + args);
}

function OnError(args) {
    alert("Error calling service method.");
}


function g(v) {
    return document.getElementById(v);
}
function getILikeContent() {
    var iLike = g("divFacebookILike");
    if (iLike) {

        iLike.innerHTML = '<iframe src="http://www.facebook.com/plugins/like.php?href=<%=iLikeUrl%>&amp;layout=button_count&amp;show_faces=true&amp;width=120&amp;action=like&amp;colorscheme=light&amp;height=65" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:120px; height:65px;" allowTransparency="true"></iframe>';
    }
}