/// <reference path="intellisense.js" />

//--------------------------------------------
// MENU Funktionen - Eventhandler
//--------------------------------------------
function onMouseOver(Id)
{
	var oElement = document.getElementById(Id);
    //alert("hOver: " + oElement.className);
	if( Id.indexOf("SM") == -1 ){
	    onSubMenuMouseOut();
	}
	//window.event.cancelBubble = true;
	

    if (oElement.className == 'ClickMenu'){//
		oElement.className = 'ClickMenu';return;}
		
    //else if(oElement.className == 'HoverLink'){
	//	oElement.className = 'Link';return;}
    
	else if (oElement.className == 'Link'){//alert("Over Link: " + oElement.className);
		oElement.className = 'HoverLink';return;}
		
	else if (oElement.className == 'Menu'){
		oElement.className = 'HoverMenu'; 
		//change also the pics
		var oTabLID = Id.substr( 1, Id.lenght);
		var oTabOBID = Id.substr( 1, Id.lenght) - 1;
		var oTabL = document.getElementById( "TabL" + oTabLID );
		var oTabOB = document.getElementById( "TabO" + oTabOBID );
		var oTabO = document.getElementById( "TabO" + oTabLID );
		var oTabR = document.getElementById( "TabR" + oTabLID );
		if(oTabL != null) oTabL.src = "../Pictures/tabL_on.jpg";
		if(oTabOB != null) oTabOB.src = "../Pictures/tabOverB_on.jpg";
		if(oTabO != null) oTabO.src = "../Pictures/tabOver_on.jpg";
		if(oTabR != null) oTabR.src = "../Pictures/tabR_on.jpg";
		//alert(oTabOBID);alert(oTabL);alert(oTabOB);alert(oTabO);alert(oTabR);
		return;
	}
		
    else if (oElement.className == 'SubMenuLink'){
		oElement.className = 'HoverSubMenuLink';return;}
		
	else if (oElement.className == 'SubMenu'){
		oElement.className = 'HoverSubMenu';return;}
		
	else if (oElement.className == 'LinkNorm'){
		oElement.className = 'HoverLinkNorm';return;}
		
    else if (oElement.className == 'LinkBlack'){
		oElement.className = 'HoverLinkNorm';return;}
    	
    else if (oElement.className == 'divOpinion'){
        oElement.style.filter = "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#9acd32', endColorStr='#FFFFFF', gradientType='1');";
		oElement.className = 'divHoverOpinion';return;}
		
    else if (oElement.className == 'Calendar'){
  		oElement.className = 'CalendarHover';return;}
  		
  	else if (oElement.className == 'LinkWhite'){
		oElement.className = 'HoverLinkWhite';return;}
		
	else if (oElement.className == 'MenuLink'){
		oElement.className = 'HoverMenuLink';return;}
	    
	//window.status = 'ChrisWebDesign';
}


function onMouseOut(Id)
{
	var oElement = document.getElementById(Id);
	
    //alert("hOut: " + oElement.className + " - ID = " + Id);
    if (oElement.className == 'ClickMenu'){//alert("out: " + oElement.className);
		oElement.className = 'ClickMenu';return;}
		
    else if(oElement.className == 'HoverLink'){//alert("Out Link: " + oElement.className);
		oElement.className = 'Link';return;}
		
	else if (oElement.className == 'HoverMenu'){
		oElement.className = 'Menu';
		//change also the pics
		var oTabLID = Id.substr( 1, Id.lenght);
		var oTabL = document.getElementById( "TabL" + oTabLID );
		var oTabOB = document.getElementById( "TabO" + (oTabLID-1) );
		var oTabO = document.getElementById( "TabO" + oTabLID );
		var oTabR = document.getElementById( "TabR" + oTabLID );
		if(oTabL != null) oTabL.src = "../Pictures/tabL_off.jpg";
		if(oTabOB != null) oTabOB.src = "../Pictures/tabOver_off.jpg";
		if(oTabO != null) oTabO.src = "../Pictures/tabOver_off.jpg";
		if(oTabR != null) oTabR.src = "../Pictures/tabR_off.jpg";
		return;
	}

	else if (oElement.className == 'Link'){
		oElement.className = 'HoverLink';return;}
		
	else if (oElement.className == 'HoverSubMenuLink'){
		oElement.className = 'SubMenuLink';return;}
		
	else if (oElement.className == 'HoverSubMenu'){
		oElement.className = 'SubMenu';return;}
		
	else if (oElement.className == 'HoverLinkNorm'){
		oElement.className = 'LinkNorm';return;}

    else if (oElement.className == 'divHoverOpinion'){
        oElement.style.filter = "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#d1d1d1', endColorStr='#FFFFFF', gradientType='1');";
		oElement.className = 'divOpinion';return;}
		
	else if (oElement.className == 'CalendarHover'){
  		oElement.className = 'Calendar';return;}
	
	else if (oElement.className == 'HoverLinkWhite'){
		oElement.className = 'LinkWhite';return;}
		
	else if (oElement.className == 'HoverMenuLink'){
		oElement.className = 'MenuLink';return;}

}

function onMouseClick(Id, link)
{  
    var oElement = document.getElementById(Id);
    parent.location.href = link;
}


var oSubMenu = null;

//-------------------------------------------------
// Creates the SubMenu Panel
//-------------------------------------------------
function onSubMenuMouseOverCSS(Id, sL1, sN1, sL2, sN2, sL3, sN3, sL4, sN4, classLink, image)
{
	var oElement = document.getElementById(Id);
	var oPath = document.getElementById("PathHolder");
	var sSubMenu = "<ul>";

    var sParams = "";
    var sUrl = document.URL;
    var index = sUrl.indexOf("?");

	if( index != -1 ){
	    sParams = sUrl.substring(index, sUrl.length);
	}

    if(sN1 != ""){
        sSubMenu += '<li><a href=\'../ContentPages/' + sL1 + sParams + '\')">';
        
        sSubMenu += sN1 + '</a></li>';
    }
    
    if(sN2 != ""){
        sSubMenu += '<li><a href=\'../ContentPages/' + sL2 + sParams + '\')">';
        sSubMenu += sN2 + '</a></li>';
    }
    
    if(sN3 != ""){
        sSubMenu += '<li><a href=\'../ContentPages/' + sL3 + sParams + '\')">';
        sSubMenu += sN3 + '</a></li>';
    }
    
    if(sN4 != ""){
       sSubMenu += '<li><a href=\'../ContentPages/' + sL4 + sParams + '\')">';
       sSubMenu += sN4 + '</a></li>';
    }
    
    sSubMenu += "</ul>";
    
    oSubMenu = document.getElementById("SubMenuHolder");
	oSubMenu.innerHTML = sSubMenu;
	oHolder = oSubMenu;

	sizeOfMenu();
}

//-------------------------------------------------
// Creates the SubMenu Panel
//-------------------------------------------------
function onSubMenuMouseOver(Id, sL1, sN1, sL2, sN2, sL3, sN3, sL4, sN4, classLink, image)
{
	var oElement = document.getElementById(Id);
	var oPath = document.getElementById("PathHolder");
	var sSubMenu = "<table cellpadding=\"0px\" cellspacing=\"1px\" valign=\"top\" align=\"left\"><tr>";
	
	var sizeOfPic = "10px";
	var sParams = "";
    var sUrl = document.URL;
    var index = sUrl.indexOf("?");

	if( index != -1 ){
	    sParams = sUrl.substring(index, sUrl.length);
	}

    if(sN1 != ""){
        sSubMenu += '<td id=\"SM1\" class="SubMenu" onmouseover="onMouseOver(this.id)"' 
                 + ' onmouseout="onMouseOut(this.id)" onclick="onMouseClick(this.id); GoToUrl(\'../ContentPages/' + sL1 + sParams + '\')">';
        if(image != "")
            sSubMenu += '<img src=\"../Pictures/' + image + '\" >&nbsp;' + sN1 + '</a></td>';
        else
            sSubMenu += sN1 + '</a></td>';
    }
    
    if(sN2 != ""){
        sSubMenu += '<td id=\"SM2\" class="SubMenu" onmouseover="onMouseOver(this.id)"' 
                 + ' onmouseout="onMouseOut(this.id)" onclick="onMouseClick(this.id); GoToUrl(\'../ContentPages/' + sL2 + sParams + '\')">|';
        if(image != "")
            sSubMenu +=  '<img src=\"../Pictures/' + image + '\" width=' + sizeOfPic + '  border=0 align="middle">&nbsp;' + sN2 + '</a></td>';
        else
            sSubMenu += sN2 + '</a></td>';
    }
    
    if(sN3 != ""){
        sSubMenu += '<td id=\"SM3\" class="SubMenu" onmouseover="onMouseOver(this.id)"' 
                 + ' onmouseout="onMouseOut(this.id)" onclick="onMouseClick(this.id); GoToUrl(\'../ContentPages/' + sL3 + sParams + '\')">|';
        if(image != "")
            sSubMenu += '<img src=\"../Pictures/' + image + '\" width=' + sizeOfPic + '  border=0 align="middle">&nbsp;' + sN3 + '</a></td>';
        else
            sSubMenu += sN3 + '</a></td>';
    }
    
    if(sN4 != ""){
       sSubMenu += '<td id=\"SM4\" class="SubMenu" onmouseover="onMouseOver(this.id)"' 
                 + ' onmouseout="onMouseOut(this.id)" onclick="onMouseClick(this.id); GoToUrl(\'../ContentPages/' + sL4 + sParams + '\')">|';
       if(image != "")
            sSubMenu += '<img src=\"../Pictures/' + image + '\" width=' + sizeOfPic + '  border=0 align="middle">&nbsp;' + sN4 + '</a></td>';
        else
            sSubMenu += sN4 + '</a></td>';
    }
    
    sSubMenu += "</tr></table>";
    
    oSubMenu = document.getElementById("SubMenuHolder");
	oSubMenu.innerHTML = sSubMenu;
	oHolder = oSubMenu;
	
	//oHolder.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0);';	
	MenuSize = 400;
	curMenuSize = 135;
	ratio = 15;
    value = 100; 
    oHolder.style.width = value;
	sizeOfMenu();
}

function onSubMenuMouseOverEn(encodedSubLink)
{
	var decodedSubLink = encodedSubLink.split(",");
	var oPath = document.getElementById("PathHolder");
	var sSubMenu = "<table cellpadding=\"0px\" cellspacing=\"1px\" valign=\"top\" align=\"left\"><tr>";
	
	var sizeOfPic = "10px";
	var sParams = "";
    var sUrl = document.URL;
    var index = sUrl.indexOf("?");

	if( index != -1 ){
	    sParams = sUrl.substring(index, sUrl.length);
	}

	for(var i = 0; i < (decodedSubLink.length-3); i=i+2)
	{
	    sSubMenu += '<td id=\"SM' + i + '\" class="SubMenu" onmouseover="onMouseOver(this.id)"' 
                 + ' onmouseout="onMouseOut(this.id)" onclick="onMouseClick(this.id); '
                 + ' GoToUrl(\'../ContentPages/' + decodedSubLink[i] + sParams + '\')">';
        
        if(decodedSubLink[decodedSubLink.length-1] != "")
            sSubMenu += '<img src=\"../Pictures/' + decodedSubLink[decodedSubLink.length-1] + '\" width=' + sizeOfPic + ' border=0 align="middle">&nbsp;' + decodedSubLink[i+1] + '</a></td>';
        else
            sSubMenu += decodedSubLink[i+1] + '</a></td>';
            
	}

    sSubMenu += "</tr></table>";
    
    oSubMenu = document.getElementById("SubMenuHolder");
	oSubMenu.innerHTML = sSubMenu;
	oHolder = oSubMenu;
	
	//oHolder.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0);';	
	MenuSize = 400;
	curMenuSize = 5;
	ratio = 15;
    value = 200; 
    oHolder.style.width = value;
	sizeOfMenu();
}


function onSubMenuMouseOut(Id)
{
	oSubMenu = document.getElementById("SubMenuHolder");
	if(oSubMenu != null) oSubMenu.innerHTML = "";
	
}

var stepIncr = 2;
var time = 1;
var value = 0;
var sem = 0;
function onMouseHoverPic(id, newUrl)
{
    oPicHolder = parent.document.getElementById(id);
    oPicHolder.src = newUrl;   
}


function openSem()
{
    sem = 0;
}

function closeSem()
{
    sem = 1;
}

function wait()
{
    if(sem == 1 )
        window.setTimeout("wait()", time);
    else
    {
        oPicHolder = parent.document.getElementById(myID);
        oPicHolder.src = myNewUrl;
        oPicHolder.style.filter = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0);'
        value = 0;
        closeSem(); 
        fadeIn(); 
    }
}

var MenuSize = 0;
var curMenuSize = 0;
var ratio = 20;					// Verhaeltnis zw. Hoehe und Breite 800*600 -> Bild -> 1.33~1.4\
var direction = 1; 
function sizeOfMenu()
{
    var actDivH = curMenuSize/ratio;
    
    if( curMenuSize < MenuSize){
                  
        oHolder.style.width = curMenuSize + "px";
        curMenuSize += direction * 1;
        
        window.setTimeout("sizeOfMenu()", 1);
    }
}


var divSize = 150;
var divID = "dragDropDiv";

// DRAG'N DROP FUCNTION
function myDragDrop( ImgID )
{
    // get img which is clicked
    var img = parent.document.getElementById(ImgID);
    
    // get div which shows the movemend, put div over the clicked pos of the img
    var dragDropDiv = parent.document.getElementById(divID);
    dragDropDiv.style.visibility = "visible";
    dragDropDiv.innerHTML = "<img alt='" + img.alt + "' src='" + img.src + "' style='width:" + divSize + "; height:" + divSize + "' />";
    TextBox.value = img.alt;
    
    dragDropDiv.style.width = divSize + "px";
	dragDropDiv.style.height = divSize + "px";
    dragDropDiv.style.posLeft = event.clientX - divSize/2;
	dragDropDiv.style.posTop = event.clientY - divSize/2;
	
    // move div according to the mouse, while mouse is pressed
    // if mouse coord comes in mouseover over img inot drop, the load this img with the same picture
    
}

function moveDiv( id )
{
    var dragDropDiv = parent.document.getElementById(id);
    if(dragDropDiv == null)
        dragDropDiv = document.getElementById(id);
        
    var x = event.clientX + 5;
	var y = event.clientY;
	
	dragDropDiv.style.posLeft = x;
	dragDropDiv.style.posTop = y;
}


function overDrop()
{
    var dragDropDiv = parent.document.getElementById(divID);    
    dragDropDiv.style.visibility = "hidden";
    loadImgFromDiv("Img7");
}

function loadImgFromDiv( SearchContID )
{
    var dragDropDiv = parent.document.getElementById(divID);
    var searchDiv = parent.document.getElementById(SearchContID); 
    searchDiv.innerHTML = dragDropDiv.innerHTML;
}

function showDragDiv(ImgID)
{
    var img = parent.document.getElementById(ImgID);
    var dragDropDiv = parent.document.getElementById(divID);    
    dragDropDiv.style.visibility = "visible";
    dragDropDiv.innerHTML = "<img src='" + img.src + "' style='width:" + divSize + "; height:" + divSize + "' />";
    
    dragDropDiv.style.width = divSize + "px";
	dragDropDiv.style.height = divSize + "px";
    dragDropDiv.style.posLeft = event.clientX;
	dragDropDiv.style.posTop = event.clientY;
}

function closeDragDiv()
{
    var dragDropDiv = parent.document.getElementById(divID);  
    moveDiv();  
    dragDropDiv.style.visibility = "hidden";
}