HTTP_GET_VARS=new Array();
strGET=document.location.search.substr(1,document.location.search.length);
if (strGET != '')
{
    gArr=strGET.split('&');
    for(i=0;i<gArr.length;++i)
    {
        v='';vArr=gArr[i].split('=');
        if(vArr.length>1){v=vArr[1];}
        HTTP_GET_VARS[unescape(vArr[0])]=unescape(v);
    }
}

function GET(v)
{
    if(!HTTP_GET_VARS[v]){return 'undefined';}
    return HTTP_GET_VARS[v];
}

/* ------------ */

var selected = null;
var current_nav = main_nav;

var streaming_nav = [
    [ "grid_ml", "produkte",
      "streaming/loader.php?section=produkte",
      "", "", "produkte", null ],
    [ "grid_mm", "lösungen",
      "streaming/loader.php?section=loesungen",
      "", "", "lösungen", null ],
    [ "grid_mr", "service",
      "streaming/loader.php?section=service",
      "", "", "service", null ],
    [ "grid_bl", "techno- logie",
      "streaming/loader.php?section=technologie",
      "", "", "techno- logie", null ],
    [ "grid_bm", "unter- nehmen",
      "streaming/loader.php?section=unternehmen",
      "", "", "unter- nehmen", null ]
];

var main_nav = [
    [ "grid_mr", "business line",
      "streaming/loader.php",
      "Streaming-Lösungen für professionelle Anwendungen",
      "business.jpg", "", streaming_nav ],
    [ "grid_bm", "home line",
      "http://www.jusst.de/home/",
      "High-End Audio Applikationen mit innovativer Technik von jusst",
      "home.jpg", "", null ]
];

function load_nav(nav) {
    clear_clickable(".grid");
    for(var i=0; i<nav.length; i++) {
        make_clickable(nav[i][0], nav[i][1], nav[i][2], nav[i][3],
                        "images/" + nav[i][4], nav[i][5], nav[i][6]);
    }
}

function slidetofull() {
    $("#description").css("visibility", "hidden");
    
    $("#main").animate({
            "height": "110px"
        });
    $("#content").animate({
            "height": "110px",
            "width": "1000px",
            "top": "0px"
        });
    $("#grid_field").animate({
            "width": "700px",
            "top": "20px",
            "left": "15px"
        });
    $("#logo").animate({
            "top": "25px",
            "left": "770px",
            "width": "200px"
        },
        
        // on finish replace img
        function() {
            $("#logoimg").attr("src", "images/logosmall.png");
        });
    $(".grid").animate({
            "height": "60px",
            "width": "60px"
        });
}

function slidetostart() {
    $("#description").css("visibility", "visible");
    $("#pagecontent").css("visibility", "hidden");
    
    $("#main").animate({
            "height": "500px"
        });
    $("#content").animate({
            "height": "300px",
            "width": "605px",
            "top": "100px"
        });
    $("#grid_field").animate({
            "width": "350px",
            "top": "0px",
            "left": "0px"
        });
    $("#logo").animate({
            "top": "105px",
            "left": "305px",
            "width": "300px"
        },
        
        // on finish replace img
        function() {
            $("#logoimg").attr("src", "images/logo.png");
        });
    $(".grid").animate({
            "height": "90px",
            "width": "90px"
        });
}

function selectitem(box, text) {
    $(box).timer('stop');

    $(box).animate({
            "box-shadow": "0 0 10px rgba(94, 200, 220, 1)",
            "-webkit-box-shadow": "0 0 10px rgba(94, 200, 220, 1)",
            "-moz-box-shadow": "0 0 10px rgba(94, 200, 220, 1)"
        });
    $("#grid_tl").html('<a class="entry" href=""><p class="grid_caption">' + text + '</p></a>');
    $("#description").html("<strong>" + $(box).data("text") + ":</strong> " + 
                $(box).data("description") +
                ' <a class="entry" href="">[weiter]</a>');
}

function deselectitem(box, animation) {
    if(animation) {
        $(box).animate({
                "box-shadow": "0 0 10px rgba(94, 200, 220, 0)",
                "-webkit-box-shadow": "0 0 10px rgba(94, 200, 220, 0)",
                "-moz-box-shadow": "0 0 10px rgba(94, 200, 220, 0)"
            });
    } else {
        $(box).css("box-shadow", "");
        $(box).css("-webkit-box-shadow", "");
        $(box).css("-moz-box-shadow", "");
    }
    $("#grid_tl").html("");
    $("#description").html("");

}

function make_clickable(element_id, text, url, description, image,
                        caption, navigation) {
    $("#"+element_id).wrap('<a class="awrap" href=""></a>');
    $("#"+element_id).data("text", text);
    $("#"+element_id).data("url", url);
    $("#"+element_id).data("description", description);
    $("#"+element_id).data("navigation", navigation);

    $("#"+element_id).addClass("grid_clickable");

    $("#"+element_id).hover(grid_hoverin, grid_hoverout);
    $("#"+element_id).click(grid_click);
    $("#"+element_id).css("background-image", "url(" + image + ")");
    $("#"+element_id).html("<p class=\"grid_caption\">" + caption + "</p>");
    $(".grid_caption").css("height", "60px");
    $(".grid_caption").css("width", "60px");
    
    //$("#"+element_id).delay(200).effect("pulsate", { times:2 }, 800);
}

function clear_clickable($element_sel) {
    $(".awrap").children().unwrap();
    $($element_sel).data("text", "");
    $($element_sel).data("url", "");
    $($element_sel).data("description", "");
    $($element_sel).removeClass("grid_clickable");
    $($element_sel).unbind('click');
    $($element_sel).unbind('mouseenter mouseleave');
    $($element_sel).css("background-image", "");
    $($element_sel).html("");
}

function openselection(url) {
    // cleanup of google api
    GUnload();

    $.get(url,
    function(data) {
        $('#pagecontent').html(data);
        $('#pagecontent').css("visibility", "visible");
        $('#pagecontent a').click(open_link);

        initializeMaps();
    });
}

// inEvent
function grid_hoverin(event){
    if(selected != this) {
        if(selected) 
            deselectitem(selected, true);
            
        selectitem(this, $(this).data("text"));
        selected = this;
    }
}

// outEvent
function grid_hoverout(event){
    deselectitem(this, true);
    selected = null;
}

// open a link in the pagecontent area
function open_link(event) {
	if($(this).attr("href").substr(-4) == ".pdf") {
	} else if($(this).attr("href").substr(0, 3) == "www" ||
	        $(this).attr("href").substr(0, 4) == "http") {	
	} else {
	    if (!current_nav) {
	        current_nav = main_nav;
	        slide_to_full();
	        load_nav(current_nav);
	    }
	    
    	event.preventDefault();
    	openselection("streaming/loader.php" + $(this).attr("href"));
	}
}

function logo_click(event) {
    event.preventDefault();
    if (current_nav != main_nav) {
        slidetostart();
        load_nav(main_nav);
        current_nav = main_nav;
    }
}

function grid_click(event){
    event.preventDefault();

    if(selected != this) {
        if(selected) {
            deselectitem(selected, true);
        }
        
        selectitem(this, $(this).data("text"));
        selected = this;
    } else {
        deselectitem(selected, false);
        if($(selected).data("navigation") != null) {
            slidetofull();
        }
        if($(selected).data("url").substr(0, 3) == "www" ||
	        $(selected).data("url").substr(0, 4) == "http") {	
	        location.href = $(selected).data("url");
    	} else {
            openselection($(selected).data("url"));
            if($(selected).data("navigation") != null) {
                current_nav = $(selected).data("navigation");
                selected = null;
                load_nav(current_nav);
            }
        }
    }
}
 


$(document).ready(function(){

    if (GET("section") != "undefined") {
        load_nav (streaming_nav);
        current_nav = streaming_nav;
    } else {
        load_nav (main_nav);
        current_nav = main_nav;
    }
        
    $('#topnav a').click(open_link);
    $('#logoimg').click(logo_click);

    $("#grid_tl").addClass("entry");
    $(".entry").click(function(event){
    
        event.preventDefault();
        
        if(selected != null) {
            slidetofull();
            openselection($(selected).data("url"));
        }
    });
    
});