/*
jQuery(document).ready(function() {
    //Menu fix

    var intZ = 100;
    var items = jQuery('#tabMenu li a')
    var intPos = parseInt(items.size())-1;

    items.each(function(el) {this.style.zIndex = 900 + intPos; this.style.left = intPos * 20; intPos -= 1; });
});
*/

var tabShown = 'contentTab001'

jQuery(document).ready(function() {
    var strTab = get_cookie("tabs")
    if (strTab) {

        if (strTab != "tab1") {
            hideAllTabContent();
        }

        if (strTab == "tab2") {
            document.getElementById('contentTab002').style.display = 'block';
            document.getElementById('tab2Li').className = "active";
            tabShown = 'contentTab002'
        } else if (strTab == "tab3") {
            document.getElementById('contentTab003').style.display = 'block';
            document.getElementById('tab3Li').className = "active";
            tabShown = 'contentTab003'
        } else if (strTab == "tab4") {
            document.getElementById('contentTab004').style.display = 'block';
            document.getElementById('tab4Li').className = "active";
            tabShown = 'contentTab004'
        }
    }

    jQuery("#refTopEdit").click(function() {
        window.location.href = jQuery('#' + tabShown).attr("editUrl");
        return false;
    });
});

function showHide(ID){
	itemStyle = document.getElementById(ID).style;            
	itemStyle.display = 'none'.replace(itemStyle.display, '');            
}        


function showContentTab(e) {
	//zoek het element waar de event vandaan kwam: is de betreffende tab
	if(window.event){
		var target = window.event.srcElement;
	} else {
		var target = e.target;
	}

	var targetSrc = target.id;
	fnOpenTab(targetSrc)
}

function fnOpenTab(targetSrc) {
    hideAllTabContent();
    if (targetSrc == "tab1") {
        document.getElementById('contentTab001').style.display = 'block';
        document.getElementById('tab1Li').className = "active";
        tabShown = 'contentTab001'
        set_cookie("tabs", "tab1", "/");
        // hoogte rechter kolom in tabs gelijk maken aan hoogte content deel.
         setHeightTabCols();

	
    } else if (targetSrc == "tab2") {
        document.getElementById('contentTab002').style.display = 'block';
        document.getElementById('tab2Li').className = "active";
        tabShown = 'contentTab002'
        set_cookie("tabs", "tab2", "/");
        // hoogte rechter kolom in tabs gelijk maken aan hoogte content deel.
         setHeightTabCols();

    } else if (targetSrc == "tab3") {
        document.getElementById('contentTab003').style.display = 'block';
        document.getElementById('tab3Li').className = "active";
        tabShown = 'contentTab003'
        set_cookie("tabs", "tab3", "/");
        // hoogte rechter kolom in tabs gelijk maken aan hoogte content deel.
         setHeightTabCols();

    } else if (targetSrc == "tab4") {
        document.getElementById('contentTab004').style.display = 'block';
        document.getElementById('tab4Li').className = "active";
        tabShown = 'contentTab004'
        set_cookie("tabs", "tab4", "/");
        // hoogte rechter kolom in tabs gelijk maken aan hoogte content deel.
         setHeightTabCols();
	   
    }
}

function hideAllTabContent() {
	document.getElementById('contentTab001').style.display = 'none';
	document.getElementById('contentTab002').style.display = 'none';
	document.getElementById('contentTab003').style.display = 'none';
	document.getElementById('contentTab004').style.display = 'none';
	
	document.getElementById('tab1Li').className = "";
	document.getElementById('tab2Li').className = "";
	document.getElementById('tab3Li').className = "";
	document.getElementById('tab4Li').className = "";
}

function setHeightTabCols() {
    
    if (document.getElementById('tabContentContainer').offsetHeight > document.getElementById('tabRightColumn').offsetHeight){
        document.getElementById('tabRightColumn').style.height = document.getElementById('tabContentContainer').offsetHeight + 'px';
    } else {
        document.getElementById('tabContentContainer').style.height = document.getElementById('tabRightColumn').offsetHeight + 'px';
    }

    
}

function addListeners(e) {
   
    
    // hoogte rechter kolom in tabs gelijk maken aan hoogte content deel.
    setHeightTabCols();
     
    var tab001 = document.getElementById('tab1');
    addEvent(tab001, 'click', showContentTab, false);
	
	var tab002 = document.getElementById('tab2');
	addEvent(tab002, 'click', showContentTab, false);
	
	var tab003 = document.getElementById('tab3');
	addEvent(tab003, 'click', showContentTab, false);
	
	var tab004 = document.getElementById('tab4');
	addEvent(tab004, 'click', showContentTab, false);

}

addEvent(window, 'load', addListeners, false);

function addEvent(elm, evType, fn, useCapture)
      // cross-browser event handling for IE5+, NS6+ and Mozilla/Gecko
      // By Scott Andrew
{
    if (elm) {
        if (elm.addEventListener) {
            elm.addEventListener(evType, fn, useCapture);
            return true;
        } else if (elm.attachEvent) {
            var r = elm.attachEvent('on' + evType, fn);
            return r;
        } else {
            elm['on' + evType] = fn;
        }
    }
    }

    function set_cookie(name, value, path, domain, secure, exp_y, exp_m, exp_d) {
        var cookie_string = name + "=" + escape(value);

        if (exp_y) {
            var expires = new Date(exp_y, exp_m, exp_d);
            cookie_string += "; expires=" + expires.toGMTString();
        }

        if (path)
            cookie_string += "; path=" + escape(path);

        if (domain)
            cookie_string += "; domain=" + escape(domain);

        if (secure)
            cookie_string += "; secure";

        document.cookie = cookie_string;
    }

    function get_cookie(cookie_name) {
        var results = document.cookie.match('(^|;) ?' + cookie_name + '=([^;]*)(;|$)');

        if (results)
            return (unescape(results[2]));
        else
            return null;
    }