$(document).ready(function(){

// Todo lo referente a la visibilidad inicial de los divs y tambien la clase de los titulos//

//$(".productos div#contenido1").hide();
//$(".productos div#titulo1").addClass("titulonot");
  
//$(".productos div#contenido2").hide();
//$(".productos div#titulo2").addClass("titulonot");
  
//$(".productos div#contenido3").hide();
//$(".productos div#titulo3").addClass("titulonot");
  
//$(".productos div#contenido4").hide();
//$(".productos div#titulo4").addClass("titulonot");
  
//$(".productos div#contenido5").hide();
//$(".productos div#titulo5").addClass("titulonot");

$(".productos div#contenido6").hide();
$(".productos div#titulo6").addClass("titulonot");

$(".productos div#contenido7").hide();
$(".productos div#titulo7").addClass("titulonot");

$(".productos div#contenido8").hide();
$(".productos div#titulo8").addClass("titulonot");

$(".productos div#contenido9").hide();
$(".productos div#titulo9").addClass("titulonot");

$(".productos div#contenido10").hide();
$(".productos div#titulo10").addClass("titulonot");

$(".productos div#contenido11").hide();
$(".productos div#titulo11").addClass("titulonot");  

$(".productos div#contenido12").hide();
$(".productos div#titulo12").addClass("titulonot"); 

// La forma en que los divs son mostrados y la clase reemplazada al hacer clic//

  $(".productos div#titulo1").click(function(){
    $(this).next("div#contenido1").slideToggle("slow")
     .siblings("div#contenido1:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo1").removeClass("titulonot");
	});

  $(".productos div#titulo2").click(function(){
    $(this).next("div#contenido2").slideToggle("slow")
     .siblings("div#contenido2:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo2").removeClass("titulonot");
	});

  $(".productos div#titulo3").click(function(){
    $(this).next("div#contenido3").slideToggle("slow")
     .siblings("div#contenido3:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo3").removeClass("titulonot");
	});

  $(".productos div#titulo4").click(function(){
    $(this).next("div#contenido4").slideToggle("slow")
     .siblings("div#contenido4:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo4").removeClass("titulonot");
	});

  $(".productos div#titulo5").click(function(){
    $(this).next("div#contenido5").slideToggle("slow")
     .siblings("div#contenido5:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo5").removeClass("titulonot");
	});

  $(".productos div#titulo6").click(function(){
    $(this).next("div#contenido6").slideToggle("slow")
     .siblings("div#contenido6:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo6").removeClass("titulonot");
	});

  $(".productos div#titulo7").click(function(){
    $(this).next("div#contenido7").slideToggle("slow")
     .siblings("div#contenido7:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo7").removeClass("titulonot");
	});

  $(".productos div#titulo8").click(function(){
    $(this).next("div#contenido8").slideToggle("slow")
     .siblings("div#contenido8:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo8").removeClass("titulonot");
	});

  $(".productos div#titulo9").click(function(){
    $(this).next("div#contenido9").slideToggle("slow")
     .siblings("div#contenido9:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo9").removeClass("titulonot");
	});

  $(".productos div#titulo10").click(function(){
    $(this).next("div#contenido10").slideToggle("slow")
     .siblings("div#contenido10:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo10").removeClass("titulonot");
	});

  $(".productos div#titulo11").click(function(){
    $(this).next("div#contenido11").slideToggle("slow")
     .siblings("div#contenido11:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo11").removeClass("titulonot");
	});
	
	
	$(".productos div#titulo12").click(function(){
    $(this).next("div#contenido12").slideToggle("slow")
     .siblings("div#contenido12:visible").slideUp("slow");
    $(this).toggleClass("titulonot");
    $(this).siblings("div#titulo12").removeClass("titulonot");
	});

});




//Lectura de la posicion del mouse para el posicionamiento del popup//

var IE = document.all?true:false;
if (!IE) document.captureEvents(Event.onmouseup)
document.onmouseup = getMouseXY;
var tempX = 0;
var tempY = 0;

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

function getMouseXY(e)
{
	try
	{
	if (IE) 
	{ 
	
	// grab the x-y pos.s if browser is IE
				
		tempX = event.clientX + document.body.scrollLeft;
		tempY = event.clientY + document.documentElement.scrollTop;
	
		//alert(tempY);

		//tempY = document.body.scrollHeight;
	}
	else 
	{  // grab the x-y pos.s if browser is NS
		tempX = e.pageX;
		tempY = e.pageY;
	}  

		
	
	//if (tempX < 0){tempX = 0;}
	if (tempY > 1500){tempY = 1500;} 
	if (tempY < 400){tempY = 400;} 
	
	//alert(tempY);
	//return true;
	}
	catch(ex)
	{
		//alert(ex);
	}
}  


//Reemplazo de imagenes en el menu//

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}


//display elements//

function toggle(div_id) {
	var el = document.getElementById(div_id);
	if ( el.style.display == 'none' ) {	el.style.display = 'block';}
	else {el.style.display = 'none';}
}


function blanket_size(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') 
	{
		viewportheight = window.innerHeight;
	} 
	else 
	{
		viewportheight = document.documentElement.clientHeight;
	}
	if ((viewportheight > document.body.parentNode.scrollHeight) && (viewportheight > document.body.parentNode.clientHeight)) {
		blanket_height = viewportheight;
	} 
	else 
	{
		if (document.body.parentNode.clientHeight > document.body.parentNode.scrollHeight) {
			blanket_height = document.body.parentNode.clientHeight;
		} 
		else 
		{
			blanket_height = document.body.parentNode.scrollHeight;
		}
	}
	var blanket = document.getElementById('blanket');
	blanket.style.height = blanket_height + 'px';
	var popUpDiv = document.getElementById(popUpDivVar);
	popUpDiv_height= tempY-200;  //screen.height/2-350;     //150 is half popup's height//
	popUpDiv.style.top = popUpDiv_height + 'px';
}

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



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

function window_pos(popUpDivVar) {
	if (typeof window.innerWidth != 'undefined') 
	{
		viewportwidth = window.innerHeight;
	} 
	else 
	{
		viewportwidth = document.documentElement.clientHeight;
	}
	if ((viewportwidth > document.body.parentNode.scrollWidth) && (viewportwidth > document.body.parentNode.clientWidth)) {
		window_width = viewportwidth;
	} else {
		if (document.body.parentNode.clientWidth > document.body.parentNode.scrollWidth) {
			window_width = document.body.parentNode.clientWidth;
		} else {
			window_width = document.body.parentNode.scrollWidth;
		}
	}
	var popUpDiv = document.getElementById(popUpDivVar);
	window_width=screen.width/2-350;//150 is half popup's width//
	popUpDiv.style.left = window_width + 'px';
}

function popup(windowname,imagename,type) {
	blanket_size(windowname);
	window_pos(windowname);
	toggle(windowname);	
	toggle('blanket');	
	/***********************************/
	if(type=='1')
	{
		document.getElementById('dvTest').innerHTML="<img src='" + imagename + "' />";
	}
	else if(type=='2')
	{
		document.getElementById('dvTest').innerHTML="<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0' width='720' height='486' id='presentation-en' align='middle'> <param name='allowScriptAccess' value='sameDomain' /> <param name='wmode' value='transparent' /> <param name='allowFullScreen' value='false' /> <param name='movie' value='" + imagename + "' /> <param name='quality' value='high' />	<param name='bgcolor' value='#ffffff' /> <embed src='" + imagename + "' quality='high' wmode='transparent'  bgcolor='#ffffff' width='720' height='486' name='slideshow' align='middle' allowScriptAccess='sameDomain' allowFullScreen='false' type='application/x-shockwave-flash' pluginspage='http://www.adobe.com/go/getflashplayer' /> </object>";
		
	}
	
	/*********************************************/
}