function menu_body_onload() {
	var obj = document.getElementById('number_of_collections');
	var size = obj.value;
	var paddingTopSubcollections = 20;
	for (i = 1 ; i <= size ; i++) {
		obj = document.getElementById('menu_elements_home_subcollections_' + i);
		obj.style.top = (paddingTopSubcollections + size * 15) + "px"
	}

	/* HOME_COLLECTIONS */
	obj = document.getElementById('subcollection');
	if (obj != null) {
		var subcollection = obj.value;
		var numberOfProducts = document.getElementById('number_of_products').value;
		obj = document.getElementById('menu_element_subcollection_' + subcollection);
		var offsetSubcollection = obj.offsetTop + obj.parentNode.offsetTop + 253;
		
		var productHeight = 30;
		var heightTotal = numberOfProducts * productHeight;
		var contentHeight = document.getElementById('content').offsetHeight;
		var separacionUltimoThumbBorde = 36;
		var toCenter = 10;
		var marginTop = offsetSubcollection - (heightTotal / 2) + toCenter;
		
		obj = document.getElementById('menu_home_collections_first_thumb');
		if (marginTop + heightTotal > (contentHeight - separacionUltimoThumbBorde)) {
			obj.style.marginTop = 511 - heightTotal - separacionUltimoThumbBorde + "px";
		}
		else {
			obj.style.marginTop = marginTop + "px";
		}
		
		obj = document.getElementById('menu_home_collections_pagination');
		if (obj != null)
			obj.style.top = 472 - obj.offsetHeight + "px";

		/* draw lines */
		var position = document.getElementById('collectionPosition').value;
		var size = document.getElementById('number_of_collections').value;
		var top = 17+((position-1)*15);
		var height = 20+(size*15) - top;
		drawLine('line1_hc', true, true, 115 , top, 25, height, 4);
		position = document.getElementById('subcollectionPosition').value;
		var collection = document.getElementById('collection').value;
		drawLine('line2_hc_' + collection, true, false, 145 , 7+((position-1)*15), 35, 0, 4);

	}
	var obj = document.getElementById('menu_home_collections_right_border_content');
	obj.style.top = "0px";

	/* HOME_INFO_SHOWROOM_LOCATION_AND_HOURS */
	obj = document.getElementById('showroom_number_of_images');
	if (obj != null) {
		var numberOfImages = obj.value;
		var offsetMenuElement = 283;

		var menuPosition = document.getElementById('showroom_menu_position').value;
		
		var squareHeight = 12;
		var menuElementHeight = 15;
		var heightTotal = numberOfImages * squareHeight;
		var contentHeight = document.getElementById('content').offsetHeight;
		var separacionUltimoThumbBorde = 36;
		var toCenter = 8;
		var marginTop = offsetMenuElement + ( (menuPosition-1) * menuElementHeight) - (heightTotal / 2) + toCenter;
		
		obj = document.getElementById('menu_home_info_first_thumb');
		if (marginTop + heightTotal > (contentHeight - separacionUltimoThumbBorde)) {
			obj.style.marginTop = "10px";
		}
		else {
			obj.style.marginTop = marginTop + "px";
		}

		/* draw lines */
		drawLine('line1_hi', true, false, 175 , 37+((menuPosition-1)*15), 30, 0, 4);

	}
}

// **************************

function home_logo_on() {
	var obj = document.getElementById('home_logo_background');
	var banner = document.getElementById('home_banner');
	obj.className = "home_logo_background home_logo_background_on";
	banner.style.visibility = "visible";
}

function home_logo_off() {
	var obj = document.getElementById('home_logo_background');
	var banner = document.getElementById('home_banner');
	obj.className = "home_logo_background";
	banner.style.visibility = "hidden";
}

function home_logo_click() {
	var obj = document.getElementById('menu_home');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_logos');
	obj2.style.display = "none";
}

function assoc_logo_on() {
	var obj = document.getElementById('assoc_logo_background');
	var banner = document.getElementById('assc_banner');
	obj.className = "assoc_logo_background assoc_logo_background_on";
	banner.style.visibility = "visible";
}

function assoc_logo_off() {
	var obj = document.getElementById('assoc_logo_background');
	var banner = document.getElementById('assc_banner');
	obj.className = "assoc_logo_background";
	banner.style.visibility = "hidden";
}

function assoc_logo_click() {
	var obj = document.getElementById('menu_assoc');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_logos');
	obj2.style.display = "none";
}

// **************************

function menu_home_logo_on() {
	var obj = document.getElementById('menu_home_logo_background');
	obj.className = "home_logo_background home_logo_background_on";
}

function menu_home_logo_off() {
	var obj = document.getElementById('menu_home_logo_background');
	obj.className = "home_logo_background";
}

function menu_home_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home');
	obj2.style.display = "none";
}

function menu_home_info_click() {
	var obj = document.getElementById('menu_home_info');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home');
	obj2.style.display = "none";
}

function menu_home_collections_click() {
	var obj = document.getElementById('menu_home_collections');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home');
	obj2.style.display = "none";
}

// **************************

function menu_home_info_logo_on() {
	var obj = document.getElementById('menu_home_info_logo_background');
	obj.className = "home_logo_background home_logo_background_on";
}

function menu_home_info_logo_off() {
	var obj = document.getElementById('menu_home_info_logo_background');
	obj.className = "home_logo_background";
}

function menu_home_info_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home_info');
	obj2.style.display = "none";
}

function menu_home_info_collections_click() {
	var obj = document.getElementById('menu_home_collections');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home_info');
	obj2.style.display = "none";
}

// **************************

function menu_home_collections_logo_on() {
	var obj = document.getElementById('menu_home_collections_logo_background');
	obj.className = "home_logo_background home_logo_background_on";
}

function menu_home_collections_logo_off() {
	var obj = document.getElementById('menu_home_collections_logo_background');
	obj.className = "home_logo_background";
}

function menu_home_collections_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home_collections');
	obj2.style.display = "none";
}

function menu_home_collections_info_click() {
	var obj = document.getElementById('menu_home_info');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_home_collections');
	obj2.style.display = "none";
}

// **************************

function menu_assoc_logo_on() {
	var obj = document.getElementById('menu_assoc_logo_background');
	obj.className = "assoc_logo_background assoc_logo_background_on";
}

function menu_assoc_logo_off() {
	var obj = document.getElementById('menu_assoc_logo_background');
	obj.className = "assoc_logo_background";
}

function menu_assoc_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc');
	obj2.style.display = "none";
}

function menu_assoc_info_click() {
	var obj = document.getElementById('menu_assoc_info');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc');
	obj2.style.display = "none";
}

function menu_assoc_residential_click() {
	var obj = document.getElementById('menu_assoc_residential');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc');
	obj2.style.display = "none";
}

function menu_assoc_commercial_click() {
	var obj = document.getElementById('menu_assoc_commercial');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc');
	obj2.style.display = "none";
}

// **************************

function menu_assoc_info_logo_on() {
	var obj = document.getElementById('menu_assoc_info_logo_background');
	obj.className = "assoc_logo_background assoc_logo_background_on";
}

function menu_assoc_info_logo_off() {
	var obj = document.getElementById('menu_assoc_info_logo_background');
	obj.className = "assoc_logo_background";
}

function menu_assoc_info_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_info');
	obj2.style.display = "none";
}

function menu_assoc_info_residential_click() {
	var obj = document.getElementById('menu_assoc_residential');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_info');
	obj2.style.display = "none";
}

function menu_assoc_info_commercial_click() {
	var obj = document.getElementById('menu_assoc_commercial');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_info');
	obj2.style.display = "none";
}

// **************************

function menu_assoc_residential_logo_on() {
	var obj = document.getElementById('menu_assoc_residential_logo_background');
	obj.className = "assoc_logo_background assoc_logo_background_on";
}

function menu_assoc_residential_logo_off() {
	var obj = document.getElementById('menu_assoc_residential_logo_background');
	obj.className = "assoc_logo_background";
}

function menu_assoc_residential_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_residential');
	obj2.style.display = "none";
}

function menu_assoc_residential_info_click() {
	var obj = document.getElementById('menu_assoc_info');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_residential');
	obj2.style.display = "none";
}

function menu_assoc_residential_commercial_click() {
	var obj = document.getElementById('menu_assoc_commercial');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_residential');
	obj2.style.display = "none";
}

// **************************

function menu_assoc_commercial_logo_on() {
	var obj = document.getElementById('menu_assoc_commercial_logo_background');
	obj.className = "assoc_logo_background assoc_logo_background_on";
}

function menu_assoc_commercial_logo_off() {
	var obj = document.getElementById('menu_assoc_commercial_logo_background');
	obj.className = "assoc_logo_background";
}

function menu_assoc_commercial_logo_click() {
	var obj = document.getElementById('menu_logos');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_commercial');
	obj2.style.display = "none";
}

function menu_assoc_commercial_info_click() {
	var obj = document.getElementById('menu_assoc_info');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_commercial');
	obj2.style.display = "none";
}

function menu_assoc_commercial_residential_click() {
	var obj = document.getElementById('menu_assoc_residential');
	obj.style.display = "block";
	var obj2 = document.getElementById('menu_assoc_commercial');
	obj2.style.display = "none";
}

// **************************

function menu_elements_home_collection_click(col_id, last_id) {
	var obj = document.getElementById('number_of_collections');
	var size = obj.value;
	var top = 17+((col_id-1)*15);
	var height = 20+(size*15) - top;
	drawLine('line1_hc', true, true, 115 , top, 25, height, 4);
	
	for (i=1; i <= last_id; i++) {
	   	document.getElementById('menu_elements_home_subcollections_' + i).style.visibility = "hidden";
	   	document.getElementById('menu_element_home_collection_' + i + '_on').style.display = "none";
	   	document.getElementById('menu_element_home_collection_' + i + '_off').style.display = "block";
	}
   	document.getElementById('menu_elements_home_subcollections_' + col_id).style.visibility = "visible";

	var obj = document.getElementById('menu_element_home_collection_' + col_id + '_on');
	if (obj.style.display == "none") {
		var obj = document.getElementById('menu_element_home_collection_' + col_id + '_on');
		obj.style.display = "block";
		var obj = document.getElementById('menu_element_home_collection_' + col_id + '_off');
		obj.style.display = "none";
	}
	
	/* hide thumbnails */
	var obj = document.getElementById('collectionPosition');
	if (obj != null) {
		if (obj.value != col_id) {
			document.getElementById('menu_home_collections_right_border_content').style.visibility = "hidden";
		} else {
			document.getElementById('menu_home_collections_right_border_content').style.visibility = "visible";
		}
	}
}

// **************************

function menu_elements_assoc_blog_click() {
	var obj = document.getElementById('menu_elements_assoc_blog');
	if (obj.style.display == "block") {
		hide_blog_categories();	
	} else {
		show_blog_categories();	
	}
}

function show_blog_categories() {
	var obj = document.getElementById('menu_element_blog_off');
	obj.style.display = "none";
	var obj = document.getElementById('menu_element_blog_on');
	obj.style.display = "block";
	var obj = document.getElementById('menu_elements_assoc_blog');
	obj.style.display = "block";
	var obj = document.getElementById('menu_element_slideshow_navigation');
	if (obj != null) obj.style.display = "none";
	var obj = document.getElementById('menu_slideshow_footer');
	if (obj != null) obj.style.display = "none";
}

function hide_blog_categories() {
	var obj = document.getElementById('menu_element_blog_on');
	obj.style.display = "none";
	var obj = document.getElementById('menu_element_blog_off');
	obj.style.display = "block";
	var obj = document.getElementById('menu_elements_assoc_blog');
	obj.style.display = "none";
	var obj = document.getElementById('menu_element_slideshow_navigation');
	if (obj != null) obj.style.display = "block";
	var obj = document.getElementById('menu_slideshow_footer');
	if (obj != null) obj.style.display = "block";
}

// **************************

function arrow_prev_on() {
	var obj = document.getElementById('arrow_prev');
	obj.src = "/images/arrow_prev_on.png";
}

function arrow_prev_off() {
	var obj = document.getElementById('arrow_prev');
	obj.src = "/images/arrow_prev.png";
}

function arrow_next_on() {
	var obj = document.getElementById('arrow_next');
	obj.src = "/images/arrow_next_on.png";
}

function arrow_next_off() {
	var obj = document.getElementById('arrow_next');
	obj.src = "/images/arrow_next.png";
}

// **************************

function slideshow_off_click() {
	document.getElementById('slideshow_off_on').style.display = 'block'; 
	document.getElementById('slideshow_off').style.display = 'none';
	document.getElementById('slideshow_on_on').style.display = 'none'; 
	document.getElementById('slideshow_on').style.display = 'block';
}
function slideshow_on_click() {
	document.getElementById('slideshow_off_on').style.display = 'none'; 
	document.getElementById('slideshow_off').style.display = 'block';
	document.getElementById('slideshow_on_on').style.display = 'block'; 
	document.getElementById('slideshow_on').style.display = 'none';
}

// **************************

function onChangingCurrentSlideNumber(currentSlideNumber, slidesCount) {
	for (var i = 1; i <= slidesCount; i++) {
		if (i == currentSlideNumber)
			document.getElementById('slideshow_number_' + i).style.display = 'block';
		else
			document.getElementById('slideshow_number_' + i).style.display = 'none';
	}
}

// **************************

function drawLine(lineId, drawHorizontalLine, drawVerticalLine, startX, startY, maxWidth, maxHeight, speed) {
    var line = document.getElementById(lineId);
    // Reset width and height
    line.style.left = startX + 'px';
    line.style.top = startY + 'px';
    line.style.width = 0;
    line.style.height = 0;
	line.style.display = "block";
    
    var interval = 1;
    if (drawHorizontalLine == true) {
        for (var i=0 ; i<maxWidth ; i++) {
            setTimeout("document.getElementById('" + lineId + "').style.width = '" + i + "px'", interval);
            interval = interval + speed;
        }
    }

    if (drawVerticalLine == true) {
        for (var i=0 ; i<maxHeight ; i++) {
            setTimeout("document.getElementById('" + lineId + "').style.height = '" + i + "px'", interval);
            interval = interval + speed - 2;
        }
    }

}