function pie4col(){
	$("ul.ultsub li span").css({float:'left', display:'inline'});
	$("ul.ultsub li a").css({float:'left', padding:'0 0 0 5px'});
}
function pie4colrest(){
	$("ul.ultsub li span").css({float:'none', display:'block'});
	$("ul.ultsub li a").css({float:'none', padding:'0 0 0 15px'});
}

function resizescreen(){

var slidepanel = $(window).width(); // ancho ventana

if (slidepanel > 1364){
	
	slidepanel = 1364;
	
}else if(slidepanel < 980){
	
	slidepanel = 980;
	
}else{
	pie4colrest();
}

var centro_ancho = (slidepanel-324-205-40-10);

var margen = Math.floor(centro_ancho / 177);
if (margen > 3) pie4col();

margen = margen * 177 ;
slidepanel = 324+205+40+margen+34;

var inspiracion = Math.floor( centro_ancho / 330);
inspiracion = inspiracion * 330;
pantalla_inspiracion = 324+205+40+inspiracion+20;

$(".col_cen").css("width",""+margen+"px");
$(".cuerpo").css("width",slidepanel+"px");
$(".col_gallery").css({float:'left', width:''+(slidepanel-205-40)+'px', margin:'0 0 0 10px', border:'0px solid #000'});
$(".col_inspiration").css({float:'left', width:''+(pantalla_inspiracion-205-40)+'px', margin:'0 0 0 10px'});

seeIshome(slidepanel);
seeIsGallery(pantalla_inspiracion);
}



// ----------------------------------------------slider menu ----------------------------------------------------

$(document).ready(function() {
						
resizescreen();			   

$(window).resize(function () {
resizescreen();	
});
						   
$("#sliderWrap").css("height",0);

$("#menuTopAbrir").mouseover( function(){

if($("#openCloseIdentifier").is(":hidden")){
$("#slider").animate({ marginTop: "-150px" }, 500 );
}else{
$("#slider").animate({ marginTop: "0px" }, 500 );
$("#openCloseIdentifier").hide();
$("#menuTopAbrir").hide();
$("#menuTopSubmit").hide();
}
});

$("#sliderWrap").mouseout(function(){
	$().mousemove( function(e) {
		if (e.pageY > 150) {
		if($("#openCloseIdentifier").is(":hidden")){
			$("#slider").animate({ marginTop: "-150px" }, 500 );
			$("#openCloseIdentifier").show();
			$("#menuTopSubmit").fadeIn("slow");
			$("#menuTopAbrir").fadeIn("slow");
			
		}
	}
	});
});




						   
$("#sliderWrap1").css("height",0);

$("#menuTopAbrir1").mouseover( function(){

if($("#openCloseIdentifier1").is(":hidden")){
$("#slider1").animate({ marginTop: "-150px" }, 500 );
}else{
$("#slider1").animate({ marginTop: "0px" }, 500 );
$("#openCloseIdentifier1").hide();
$("#menuTopAbrir1").hide();
$("#menuTopSubmit1").hide();
}
});

$("#sliderWrap1").mouseout(function(){
	$().mousemove( function(e) {
		if (e.pageY > 150) {
		if($("#openCloseIdentifier1").is(":hidden")){
			$("#slider1").animate({ marginTop: "-150px" }, 500 );
			$("#openCloseIdentifier1").show();
			$("#menuTopSubmit1").fadeIn("slow");
			$("#menuTopAbrir1").fadeIn("slow");
			
		}
	}
	});
});



});




// onmouseover show template


var offsetfromcursorX=50 //Customize x offset of tooltip
var offsetfromcursorY=100 //Customize y offset of tooltip

var offsetdivfrompointerX=10 //Customize x offset of tooltip DIV relative to pointer image
var offsetdivfrompointerY=14 //Customize y offset of tooltip DIV relative to pointer image. Tip: Set it to (height_of_pointer_image-1).

document.write('<div id="dhtmltooltip"></div>') //write out tooltip DIV

document.write('<img id="dhtmlpointer" src="arrow.png">') //write out pointer image
var ie=document.all
var ns6=document.getElementById && !document.all
var enabletip=false
if (ie||ns6)
var tipobj=document.all? document.all["dhtmltooltip"] : document.getElementById? document.getElementById("dhtmltooltip") : ""
var pointerobj=document.all? document.all["dhtmlpointer"] : document.getElementById? document.getElementById("dhtmlpointer") : ""
function ietruebody(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
function ddrivetip(thetext, thewidth, thecolor){
if (ns6||ie){
if (typeof thewidth!="undefined") tipobj.style.width=thewidth+"px"
if (typeof thecolor!="undefined" && thecolor!="") tipobj.style.backgroundColor=thecolor
tipobj.innerHTML=thetext
enabletip=true
return false
}
}

function positiontip(e){
if (enabletip){
var nondefaultpos=false
var curX=(ns6)?e.pageX : event.clientX+ietruebody().scrollLeft;
var curY=(ns6)?e.pageY : event.clientY+ietruebody().scrollTop;

//Find out how close the mouse is to the corner of the window

var winwidth=ie&&!window.opera? ietruebody().clientWidth : window.innerWidth-20
var winheight=ie&&!window.opera? ietruebody().clientHeight : window.innerHeight-20
var rightedge=ie&&!window.opera? winwidth-event.clientX-offsetfromcursorX : winwidth-e.clientX-offsetfromcursorX
var bottomedge=ie&&!window.opera? winheight-event.clientY-offsetfromcursorY : winheight-e.clientY-offsetfromcursorY
var leftedge=(offsetfromcursorX<0)? offsetfromcursorX*(-1) : -1000

//if the horizontal distance isn't enough to accomodate the width of the context menu

if (rightedge<tipobj.offsetWidth){
//move the horizontal position of the menu to the left by it's width
tipobj.style.left=curX-tipobj.offsetWidth+"px"
nondefaultpos=true
}
else if (curX<leftedge)
tipobj.style.left="0px"
else{
//position the horizontal position of the menu where the mouse is positioned
tipobj.style.left=curX+offsetfromcursorX-offsetdivfrompointerX+"px"
pointerobj.style.left=curX+offsetfromcursorX+"px"
}
//same concept with the vertical position
if (bottomedge<tipobj.offsetHeight){
tipobj.style.top=curY-tipobj.offsetHeight-offsetfromcursorY+"px"
nondefaultpos=true
}
else{
tipobj.style.top=curY+offsetfromcursorY+offsetdivfrompointerY+"px"
pointerobj.style.top=curY+offsetfromcursorY+"px"
}
tipobj.style.visibility="visible"
if (!nondefaultpos)
pointerobj.style.visibility="visible"
else
pointerobj.style.visibility="hidden"
}
}
function hideddrivetip(){
if (ns6||ie){
enabletip=false
tipobj.style.visibility="hidden"
pointerobj.style.visibility="hidden"
tipobj.style.left="-1000px"
tipobj.style.backgroundColor=''
tipobj.style.width=''
}
}
document.onmousemove=positiontip







function movepic(img_name,img_src) {
document[img_name].src=img_src;
}