function addListener(element, type, expression) {
	try {
		if(window.attachEvent) { //For IE
			element.attachEvent('on'+type, expression);
		} else if(window.addEventListener)	{ //For FF, Opera, Safari etc
			element.addEventListener(type, expression, false);
		}
	} catch(e) { }
}

addListener(window, 'load', function() {	
	initImageGallery('imageGallery_1');
	var $mnu_items = 5;
	
	var elem1 = document.getElementById("mnu-1");
	var elem2 = document.getElementById("mnu-2");
	var elem3 = document.getElementById("mnu-3");
	var elem4 = document.getElementById("mnu-4");
	var elem5 = document.getElementById("mnu-5");
	var elem6 = document.getElementById("mnu-6");
	var elem7 = document.getElementById("mnu-7");
	var elem8 = document.getElementById("mnu-8");
	var elem9 = document.getElementById("mnu-9");
	
	addListener(elem1, 'mouseover', function() {	
		elem1.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem1, 'mouseout', function() {	
		elem1.style.backgroundColor = "";
	});		
	addListener(elem1, 'click', function() {	
		elem1.className = "menu-item active";
	});				
	
	addListener(elem2, 'mouseover', function() {	
		elem2.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem2, 'mouseout', function() {	
		elem2.style.backgroundColor = "";
	});		
	addListener(elem2, 'click', function() {	
		elem2.className = "menu-item active";
	});					
	
	addListener(elem3, 'mouseover', function() {	
		elem3.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem3, 'mouseout', function() {	
		elem3.style.backgroundColor = "";
	});		
	addListener(elem3, 'click', function() {	
		elem3.className = "menu-item active";
	});					

	addListener(elem4, 'mouseover', function() {	
		elem4.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem4, 'mouseout', function() {	
		elem4.style.backgroundColor = "";
	});		
	addListener(elem4, 'click', function() {	
		elem4.className = "menu-item active";
	});						
	
	addListener(elem5, 'mouseover', function() {	
		elem5.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem5, 'mouseout', function() {	
		elem5.style.backgroundColor = "";
	});		
	addListener(elem5, 'click', function() {	
		elem5.className = "menu-item active";
	});

	addListener(elem6, 'mouseover', function() {	
		elem6.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem6, 'mouseout', function() {	
		elem6.style.backgroundColor = "";
	});		
	addListener(elem6, 'click', function() {	
		elem6.className = "menu-item active";
	});

	addListener(elem7, 'mouseover', function() {	
		elem7.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem7, 'mouseout', function() {	
		elem7.style.backgroundColor = "";
	});		
	addListener(elem7, 'click', function() {	
		elem7.className = "menu-item active";
	});

	addListener(elem8, 'mouseover', function() {	
		elem8.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem8, 'mouseout', function() {	
		elem8.style.backgroundColor = "";
	});		
	addListener(elem8, 'click', function() {	
		elem8.className = "menu-item active";
	});

	addListener(elem9, 'mouseover', function() {	
		elem9.style.backgroundColor = "#2B2B2B";
	});
	
	addListener(elem9, 'mouseout', function() {	
		elem9.style.backgroundColor = "";
	});		
	addListener(elem9, 'click', function() {	
		elem9.className = "menu-item active";
	});	
	
});


/* IMAGEGALLERY */

function initImageGallery(sImageGalery) {
    var eImageGalery = document.getElementById(sImageGalery);


    for(i=0; i<=8; i++) {
        if(document.getElementById('image'+'_'+i)) {
			var image = document.getElementById('image'+'_'+i);
			image.style.display = 'none';
            
			addImageButtonAction(i, eImageGalery);
		}
	}


    if(document.getElementById('image'+'_'+'big')) {
        var image = document.getElementById('image'+'_'+'big');
		image.style.display = 'none';
		image.style.top = '0px';
		
        if(document.getElementById('image'+'_'+'big'+'_'+'button')) {
            var image_button = document.getElementById('image'+'_'+'big'+'_'+'button');
            
            addListener(image_button, 'click', function(event) {
                zoomImageShow('big', eImageGalery);
            });
        }
    }
    
    if(document.getElementById('image'+'_'+1)) {
        if(document.getElementById('image'+'_'+1+'_'+'button')) {
            document.getElementById('image'+'_'+1+'_'+'button').className = 'image active';
        }
        document.getElementById('image'+'_'+1).style.display = 'block';
    }
}

function hideAllImage(eImageGalery) {
    for(i=0; i<eImageGalery.childNodes.length; i++) 
        if(eImageGalery.childNodes[i].className=='images') 
            for(j=0; j<eImageGalery.childNodes[i].childNodes.length; j++) 
                if(eImageGalery.childNodes[i].childNodes[j].className=='image') 
                    eImageGalery.childNodes[i].childNodes[j].style.display = 'none';
}

function hideAllImageButton(eImageGalery) {
    for(i=0; i<eImageGalery.childNodes.length; i++)
        if(eImageGalery.childNodes[i].className=='navigation')
            for(j=0; j<eImageGalery.childNodes[i].childNodes.length; j++)
                if(eImageGalery.childNodes[i].childNodes[j].className=='image active')
                    eImageGalery.childNodes[i].childNodes[j].className = 'image';
}

function addImageButtonAction(index, eImageGalery) {
    var image = document.getElementById('image'+'_'+index);
    var image_button = document.getElementById('image'+'_'+index+'_'+'button');

    addListener(image_button, 'click', function(event) {
        hideAllImage(eImageGalery);
        hideAllImageButton(eImageGalery);
        image_button.className = 'image active';
        image.style.display = 'block';
    });

    addListener(image_button, 'mouseover', function(event) {
        if(image_button.className == 'image')
            image_button.className = 'image over';
    });

    addListener(image_button, 'mouseout', function(event) {
        if(image_button.className == 'image over')
            image_button.className = 'image';
    });
}

function zoomImageShow(index, eImageGalery) {
    var shadow = document.getElementById('imageGalleryShadow');
    var image = document.getElementById('image'+'_'+index);

    var width = getDocumentWidth();
    var height = getDocumentHeight();

    shadow.style.display = 'block';
    shadow.style.width = width;
    shadow.style.height = height;

    for(i=0; i<image.childNodes.length; i++) {
        if(image.childNodes[i].nodeName=='IMG') {
            var widthImage = image.childNodes[i].width;
			
            addListener(image.childNodes[i], 'click', function(event) {
                zoomImageHide(index, eImageGalery);
            });
            
            addListener(document.getElementById('image_big_buttonclose'), 'click', function(event) {
                zoomImageHide(index, eImageGalery);
            });
        }
    }
    
    image.style.display = 'block';
    image.style.top = 100;
    image.style.left = (width-widthImage)/2;
    image.style.width = widthImage;
}

function zoomImageHide(index, eImageGalery) {
    var shadow = document.getElementById('imageGalleryShadow');
    var image = document.getElementById('image'+'_'+index);

    shadow.style.display = 'none';
    image.style.display = 'none';
}

function getDocumentWidth() {
    var d = document;
    return Math.max(
        Math.max(d.body.scrollWidth, d.documentElement.scrollWidth),
        Math.max(d.body.offsetWidth, d.documentElement.offsetWidth),
        Math.max(d.body.clientWidth, d.documentElement.clientWidth)
    );
}

function getDocumentHeight() {
    var d = document;
    return Math.max(
        Math.max(d.body.scrollHeight, d.documentElement.scrollHeight),
        Math.max(d.body.offsetHeight, d.documentElement.offsetHeight),
        Math.max(d.body.clientHeight, d.documentElement.clientHeight)
    );
}

/* IMAGEGALLERY */

function submitForm2(id){
    //alert(id);
    var oForm = document.getElementById(id);
    oForm.submit();
}

function popupShow() {
	var shadow = document.getElementById('shadow');
	var popup = document.getElementById('popup');
	
	var width = getDocumentWidth();
	var height = getDocumentHeight();
	
	shadow.style.display = 'block';
	shadow.style.width = width;
	shadow.style.height = height;
	
	addListener(popup, 'click', function(event) {
		popupHide();
	});
	
	//widthPopup = popup.style.width;
	widthPopup = 640;
	
	popup.style.display = 'block';
	popup.style.top = 100;
	popup.style.left = (width-widthPopup)/2;
}

function popupHide() {
	var shadow = document.getElementById('shadow');
	var popup = document.getElementById('popup');
	
	shadow.style.display = 'none';
	popup.style.display = 'none';
}