$(document).ready(function(){
	expandCollapse();
	homeCategoria();
	reemplazoTexto();
	roundborder();
	if ($('.roundbox').length) { //if an element exists
		roundbox();	
	}
	toggleList();
	
	$('.zebratable tr:even').addClass('odd');
	$('.zebratable tr:odd').addClass('even');
	
	//Insertando elementos decorativos
	$('#elegir-mash .modelos div.modelo .thumb a').after('<span class="marco"></span>');
	$('#comparacion tr.cabecera .thumb img').after('<span class="marco"></span>');

	if ($.browser.msie){
		if ($.browser.version>=7){
			//codigo para ie7
		}else{
			//codigo para ie6
			DD_belatedPNG.fix('img,div,a,span,h1,ul');
		}
	}	
});


/*
>> Reemplazo de texto
*/
function reemplazoTexto(){
	Cufon('h1');
	Cufon.replace('#seleccionar-gama .head h2');//menu gamas
	
	//modelo
	Cufon.replace('body.modelo span.gama');
	Cufon.replace('body.modelo .recomendados h2');

	//area privada
	Cufon.replace('#frm-descargas label');
	
	//comparación productos
	Cufon.replace('#comparacion tr.cabecera .gama');
	Cufon.replace('#comparacion tr.cabecera .modelo');
};



/*
>> Includes temporales 
*/
function includes(){
	$('#header-inner').load('/includes/cabecera.html');
	$('#footer-inner').load('/includes/pie.html');
};

/*
>> Para home de productos
*/
function homeCategoria() {
	$('.head div').hide();
 
	$('.menu li ul').hide();
	$('.menu li.active ul').show();
	
	$('.menu li a img').after('<span class="mascara-thumb"></span>');//agrega la capa transparente a todo los thumbs (indica INACTIVO)
	$('.menu li.active a .mascara-thumb').hide();//oculta la capa transparente del item activo
 
	$('.menu > li').click(function() {
		$('.menu li').removeClass('active');
		$('.menu li a span').removeClass('selected');
		$('.menu li ul').hide();
		$(this).addClass('active');
		$(this).find('span:eq(1)').addClass('selected');
		$('.menu li.active ul').slideDown(); //despliega submenu
		
 		$('.menu li a .mascara-thumb').hide();
		$('.menu li a .mascara-thumb').show();
		$('.menu li.active a .mascara-thumb').hide();
		
		var seleccion;
		switch (this.id){
			case 'mnu-organic':
				seleccion = '#organic';
				break;
			case 'mnu-concept':
				seleccion = '#concept';
				break;
			case 'mnu-urban':
				seleccion = '#urban';
				break;
			case 'mnu-ergonomics':
				seleccion = '#ergnomics';
				break;
		}
		$('#intro').hide();
		$('.head .show').hide();
		$('.head div').removeClass('show');
		$('.head '+seleccion).fadeIn().addClass('show');
  	});
	
	$('.menu li').hover(
		function(){
			$(this).find('span.mascara-thumb').fadeOut();
		}, 
		function(){
			$(this).find('span.mascara-thumb').fadeIn();
			$('.menu li.active').find('span.mascara-thumb').hide();
		}
	);
}



/*
>> Simple Toggle
*/
function expandCollapse(){
	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide(); 

	//Switch the "Open" and "Close" state per click
	$("h2.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});

	//Slide up and down on click
	$("h2.trigger").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});
}


/*
>> Bordes redondeados
*/
function roundborder(){
	$('div.roundborder') .wrap('<div class="dialog">'+ 
	'<div class="bd">'+ 
	'<div class="c">'+ 
	'<div class="s">'+ 
	'</div>'+ 
	'</div>'+ 
	'</div>'+ 
	'</div>');
	$('div.dialog').prepend('<div class="hd">'+
	'<div class="c"></div>'+
	'</div>')
	.append('<div class="ft">'+
	'<div class="c"></div>'+
	'</div>');
}

/*
>> Cajas redondeadas
*/
function roundbox(){
	$('div.roundbox').corner('17px');
}


/*
>> Toggle list
*/
function toggleList() {
	$('ul.toggle-list ul').hide();
	//$('ul.toggle-list ul:first').show();
	//$('ul.toggle-list ul:first').parent().addClass('selected');
	$('ul.toggle-list li a').click(function() {
		$('ul.toggle-list li').removeClass('selected');
		$(this).parent().addClass('selected');
		
		var checkElement = $(this).next();
		if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
			return false;
		}
		if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
			$('ul.toggle-list ul:visible').slideUp('normal');
			checkElement.slideDown('normal');
			return false;
		}
	});
}

/*
>> Lets IE set a class .over on hover as IE doesn't support li:hover
*/
/*startList = function() {
	if (document.all && document.getElementById) {
		navRoot = document.getElementById("dmenu");
		for (i=0; i < navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
	}
}

window.onload=startList;*/