// BROWSER SNIFFER (Sniff out the good and bad browsers)

function Is() {
    var agent = navigator.userAgent.toLowerCase();
    this.major = parseInt(navigator.appVersion);
    this.minor = parseFloat(navigator.appVersion);
    this.ns  = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
    this.ns2 = (this.ns && (this.major == 2));
    this.ns3 = (this.ns && (this.major == 3));
    this.ns4b = (this.ns && (this.minor < 4.04));
    this.ns4 = (this.ns && (this.major >= 4));
    this.ie   = (agent.indexOf("msie") != -1);
    this.ie3  = (this.ie && (this.major == 2));
    this.ie4  = (this.ie && (this.major >= 4));
    this.op3 = (agent.indexOf("opera") != -1);
    this.win   = (agent.indexOf("win")!=-1);
    this.mac   = (agent.indexOf("mac")!=-1);
    this.unix  = (agent.indexOf("x11")!=-1);
}

var is = new Is();

function onerror() {
    document.location.href = "javascript:";
}

// DOCUMENT OBJECT SWITCH (Used for building cross_browser functions)

if(is.ns4) {
    doc = "document";
    sty = "";
    htm = ".document"
} else if(is.ie4) {
    doc = "document.all";
    sty = ".style";
    htm = ""
}

// PRELOADING

var count = 0;

function preLoad() {
    arrows = new Image();
    arrows.onload = (is.ns4b) ? loadCheck() : loadCheck;
    arrows.src = "arrows.gif";

    horses = new Image();
    horses.onload = (is.ns4b) ? loadCheck() : loadCheck;
    horses.src = "backgroundc.gif";

    logo = new Image();
    logo.onload = (is.ns4b) ? loadCheck() : loadCheck;
    logo.src = "logo.gif";

    menu_b = new Image();
    menu_b.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_b.src = "menu_b.gif";

    menu_bg = new Image();
    menu_bg.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_bg.src = "menu_bg.gif";

    menu_consultancy = new Image();
    menu_consultancy.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_consultancy.src = "menu_consultancy.gif";

    menu_contact = new Image();
    menu_contact.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_contact.src = "menu_contact.gif";

    menu_dbn = new Image();
    menu_dbn.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_dbn.src = "menu_dbn.gif";

    menu_doelstelling = new Image();
    menu_doelstelling.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_doelstelling.src = "menu_doelstelling.gif";

    menu_domeinen = new Image();
    menu_domeinen.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_domeinen.src = "menu_domeinen.gif";

    menu_ebusiness = new Image();
    menu_ebusiness.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_ebusiness.src = "menu_ebusiness.gif";

    menu_l = new Image();
    menu_l.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_l.src = "menu_l.gif";

    menu_l_cs = new Image();
    menu_l_cs.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_l_cs.src = "menu_l_cs.gif";

    menu_l_wd = new Image();
    menu_l_wd.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_l_wd.src = "menu_l_wd.gif";

    menu_portfolio = new Image();
    menu_portfolio.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_portfolio.src = "menu_portfolio.gif";

    menu_r = new Image();
    menu_r.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_r.src = "menu_r.gif";

    menu_t = new Image();
    menu_t.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_t.src = "menu_t.gif";

    menu_webdesign = new Image();
    menu_webdesign.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_webdesign.src = "menu_webdesign.gif";

    menu_webhosting = new Image();
    menu_webhosting.onload = (is.ns4b) ? loadCheck() : loadCheck;
    menu_webhosting.src = "menu_webhosting.gif";

    poles_h_cs = new Image();
    poles_h_cs.onload = (is.ns4b) ? loadCheck() : loadCheck;
    poles_h_cs.src = "poles_h_cs.gif";

    poles_h_wd = new Image();
    poles_h_wd.onload = (is.ns4b) ? loadCheck() : loadCheck;
    poles_h_wd.src = "poles_h_wd.gif";

    poles_v_menu = new Image();
    poles_v_menu.onload = (is.ns4b) ? loadCheck() : loadCheck;
    poles_v_menu.src = "poles_v_menu.gif";

    poles_v_title = new Image();
    poles_v_title.onload = (is.ns4b) ? loadCheck() : loadCheck;
    poles_v_title.src = "poles_v_title.gif";

    title_b = new Image();
    title_b.onload = (is.ns4b) ? loadCheck() : loadCheck;
    title_b.src = "title_b.gif";

    title_bg = new Image();
    title_bg.onload = (is.ns4b) ? loadCheck() : loadCheck;
    title_bg.src = "title_bg.gif";

    title_l = new Image();
    title_l.onload = (is.ns4b) ? loadCheck() : loadCheck;
    title_l.src = "title_l.gif";

    title_r = new Image();
    title_r.onload = (is.ns4b) ? loadCheck() : loadCheck;
    title_r.src = "title_r.gif";

    title_t = new Image();
    title_t.onload = (is.ns4b) ? loadCheck() : loadCheck;
    title_t.src = "title_t.gif";
}

function loadCheck() {
    count++;
    if(count == 28) {
        var status = eval(doc + '["msgLyr"]' + sty);
        status.visibility = "hidden";
        positionLayers();
		raiseTitle();
		lowerSelectionMenu();
    } else {
        var status = eval(doc + '["msgLyr"]' + htm);
        var msg = '<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=5 WIDTH=300><TR><TD WIDTH=' + Math.round((count/30)*100) + '% BGCOLOR=#FF0000 ALIGN=RIGHT>' + '<FONT class="status">' + Math.round((count/30)*100) + '%</FONT>' +'</TD><TD BGCOLOR=#800000 VALIGN=MIDDLE>&nbsp;</TD></TR><TR><TD COLSPAN=2 ALIGN=CENTER><FONT class="main" color="#FFFFFF">Percent Images Loaded</FONT></TD></TR></TABLE>';
        if(is.ns4) {
            status.write(msg);
            status.close();
        } else if(is.ie4) {
            status.innerHTML = msg;
        }
    }
}

// Positioning & activation

function positionLayers() {
	selectieMenuObj = eval(doc + '["selectieMenuLyr"]' + sty);
	consultancyMenuObj = eval(doc + '["consultancyMenuLyr"]' + sty);
	webdesignMenuObj = eval(doc + '["webdesignMenuLyr"]' + sty);
	titelObj = eval(doc + '["titelLyr"]' + sty);
	titelObj.left = (available_width / 2) - 130;
	titelPalenObj = eval(doc + '["titelPalenLyr"]' + sty);
	titelPalenObj.left = (available_width / 2) - 110;
	arrowObj = eval(doc + '["arrowLyr"]' + sty);
	arrowObj.left = available_width - 50;
	arrowObj.top = (available_height / 2) - 145;
	
	var difference = 450;

	introObj = eval(doc + '["introLyr"]' + sty);
	introObj.width = available_width - difference;
	consultancyObj = eval(doc + '["consultancyLyr"]' + sty);
	consultancyObj.width = available_width - difference;
	doelstellingObj = eval(doc + '["doelstellingLyr"]' + sty);
	doelstellingObj.width = available_width - difference;
	ebusinessObj = eval(doc + '["ebusinessLyr"]' + sty);
	ebusinessObj.width = available_width - difference;
	portfolioObj = eval(doc + '["portfolioLyr"]' + sty);
	portfolioObj.width = available_width - difference;
	dbnObj = eval(doc + '["dbnLyr"]' + sty);
	dbnObj.width = available_width - difference;
	contactObj = eval(doc + '["contactLyr"]' + sty);
	contactObj.width = available_width - difference;
	webdesignObj = eval(doc + '["webdesignLyr"]' + sty);
	webdesignObj.width = available_width - difference;
	webhostingObj = eval(doc + '["webhostingLyr"]' + sty);
	webhostingObj.width = available_width - difference;
	domeinenObj = eval(doc + '["domeinenLyr"]' + sty);
	domeinenObj.width = available_width - difference;
	portfolio2Obj = eval(doc + '["portfolio2Lyr"]' + sty);
	portfolio2Obj.width = available_width - difference;
	contact2Obj = eval(doc + '["contact2Lyr"]' + sty);
	contact2Obj.width = available_width - difference;
	
	selectieMenuObj.visibility = "visible";
	consultancyMenuObj.visibility = "visible";
	webdesignMenuObj.visibility = "visible";
	titelObj.visibility = "visible";
	titelPalenObj.visibility = "visible";
	arrowObj.visibility = "visible";
	
    menuToggle('intro');
}

// Menu selector

var menu_selection = "intro";


function menuToggle(selection) {
    var old_page = eval(menu_selection + "Obj");
    old_page.visibility = "hidden";

    var new_page = eval(selection + "Obj");
    new_page.visibility = "visible";

    menu_selection = selection;

}

// Page scroller

var loop = true;
var direction = "up";
var speed = 15;
var timer1 = null;
var offset = 200;

function scroll(dir,spd) {
    direction = dir;
    speed = spd;
    var page = eval(menu_selection + "Obj");
	var y_pos = parseInt(page.top + offset);
    if(loop == true) {
        if(direction == "dn") {
            page.top = (y_pos-speed);
        } else if(direction == "up" && y_pos < offset) {
            page.top = (y_pos+speed);           
        } else if(direction == "top") {
            page.top = offset;
        }
		timer1 = setTimeout("scroll(direction,speed)", 1);
    }
}

// Proban Board animatie

function raiseTitle() {
  var y_pos1 = parseInt(titelObj.top);
  var y_pos2 = parseInt(titelPalenObj.top);
  if(! (y_pos1 < 30)) {
    titelObj.top = y_pos1-10;
    titelPalenObj.top = y_pos2-10;
    setTimeout("raiseTitle()", 1);
  }
}

// Selectie menu animatie

function lowerSelectionMenu() {
	var y_pos = parseInt(selectieMenuObj.top);
	if (! (y_pos > -10)) {
		selectieMenuObj.top = y_pos+10;
		setTimeout("lowerSelectionMenu()", 1);
	}
}

// Consultancy menu animaties

function extendConsultancyMenu() {
	var webdesign_x = parseInt(webdesignMenuObj.left);
	if (webdesign_x >= 0) {
		retractWebdesignMenu();
	}
	var x_pos = parseInt(consultancyMenuObj.left);
	if (! (x_pos >= 0)) {
		consultancyMenuObj.left = x_pos + 10;
		setTimeout("extendConsultancyMenu()", 1);
	}
}

function retractConsultancyMenu() {
	var x_pos = parseInt(consultancyMenuObj.left);
	if (! (x_pos <= -180)) {
		consultancyMenuObj.left = x_pos - 10;
		setTimeout("retractConsultancyMenu()", 1);
	}
}

// Webdesign menu animaties

function extendWebdesignMenu() {
	var consultancy_x = parseInt(consultancyMenuObj.left);
	if (consultancy_x >= 0) {
		retractConsultancyMenu();
	}
	var x_pos = parseInt(webdesignMenuObj.left);
	if (! (x_pos >= 0)) {
		webdesignMenuObj.left = x_pos + 10;
		setTimeout("extendWebdesignMenu()", 1);
	}
}

function retractWebdesignMenu() {
	var x_pos = parseInt(webdesignMenuObj.left);
	if (! (x_pos <= -180)) {
		webdesignMenuObj.left = x_pos - 10;
		setTimeout("retractWebdesignMenu()", 1);
	}
}