// JavaScript Document
var p;
var ins=0;
var conta =0;
var imagenesbg = new Array("plataformas2.jpg","images/home.jpg","images/home.jpg");
var object2;
var x=0;
var nmbPanels;
var settings;
var $el;
i=0;

$("#productos").click(function(){
		$("#productos").css("background-image","url(./images/pestanahome.gif)");		
		$("#servicios").css("background-image","url(pestanahome.gif)");			
		$(".menudown2").css("visibility","hidden");
		$(".menudown2").css("display","none");		
		$(".menudown").css("visibility","visible");
		$(".menudown").css("display","block");														
		if(ins==1){
		firstmenu();
		ins=0;
object2 = {
								defaultBg	: "images/home.jpg",
								border		: 1,
								type		: {
								mode		: 'seqFade',
								speed		: 250,
								easing		: 'jswing',
								seqfactor	: 100
}
};		
		}

	});
	
$("#servicios").click(function(){
		$("#servicios").css("background-image","url(./images/pestanahome.gif)");		
		$("#productos").css("background-image","url(pestanahome.gif)");			
		$(".menudown").css("visibility","hidden");
		$(".menudown").css("display","none");		
		$(".menudown2").css("visibility","visible");
		$(".menudown2").css("display","block");										
		if(ins==0){
		secondmenu();		
		ins=1;}


	});	

function secondmenu(){
		$("#productos img").attr("src","./images/equipo1.png");
		$("#servicios img").attr("src","./images/servicio1.png");
		$(".sbi_panel").remove();
		$("#sbi_container").append(nuevoslbl);
		loadagain("./images/home2.jpg");	
	}

function firstmenu(){
		$("#productos img").attr("src","./images/equipo.png");
		$("#servicios img").attr("src","./images/servicio.png");
		$(".sbi_panel").remove();
//		alert(homedata);
		$("#sbi_container").append(homedata);		
//		 p.appendTo("#sbi_container");
      //  p = null;		
		loadagain("./images/home.jpg");											
	};

function loadagain(imghome){
object2 = {
								defaultBg	: imghome,
								border		: 1,
								type		: {
								mode		: 'seqFade',
								speed		: 250,
								easing		: 'jswing',
								seqfactor	: 100
}
};


							$(function() {
							$('#sbi_container').bgImageMenu({
								defaultBg	: imghome,
								border		: 1,
								type		: {
								mode		: 'seqFade',
								speed		: 250,
								easing		: 'jswing',
								seqfactor	: 100
					}
							});
						});		
											
	}
	




var nuevoslbl = '<div class="sbi_panel" data-bg="images/4.jpg"><a href="#" id="N1" class="sbi_label">Servicios y Refacciones</a><div class="sbi_content"><ul><li><a href="refacciones.php">Refacciones</a></li><li><a href="mantenimiento.php">Mantenimiento</a></li><li><a href="capacitacion.php">Capacitación</a></li><li><a href="racks.php">Racks</a></li></ul></div></div><div class="sbi_panel" data-bg="images/5.jpg"><a href="./contacto.php" id="N2" class="sbi_label">Contacto</a><div class="sbi_content">            <ul>                <li>Nuestros agentes de venta se encuentran a su servicio para poderle brindar mayor información sobre nuestros productos y servicios. </li>            </ul>        </div>    </div>    <div class="sbi_panel" data-bg="images/6.jpg"><a href="#" id="N3" class="sbi_label">Nosotros</a><div class="sbi_content"><ul><li>Responsabilidad, honradez y respeto, son valores humanos que caracterizan al personal de Keel; y nos compromete a mantenernos como el lider local en soporte industrial en el valle de Toluca. </li></ul></div></div>';


var homedata = '<div class="sbi_panel" data-bg="images/2.jpg"><a href="./productos.php?id=1" id="M1" class="sbi_label">Montacargas</a><div class="sbi_content"><ul><li>Contamos con las mejores marcas del mercado para venta y renta, además contamos con sistema de crédito</li></ul></div></div><div class="sbi_panel" data-bg="images/3.jpg"><a href="./productos.php?id=5" id="M2" class="sbi_label">Plataformas</a><div class="sbi_content"><ul> <li>Ofrecemos una amplia gama de plataforma que le ayudarán a alcanzar cualquier lugar, sin importar que tan alto se encuentre.</li> </ul></div></div> <div class="sbi_panel" data-bg="images/7.jpg"> <a href="maniobras.php" id="M3" class="sbi_label">Maniobras industriales</a> <div class="sbi_content"> <ul><li>Contamos con gruas, montacargas, plataformas y patínes disponibles en renta, para realizar cualquier tipo de maniobra industrial que su empresa requiera</li></ul></div></div> <div class="sbi_panel" data-bg="images/1.jpg"><a href="#" id="M4" class="sbi_label">Otros equipos</a><div class="sbi_content">    <ul> <li class="text"><a href="./productos.php?id=3">Apiladores</a></li> <li><a href="./productos.php?id=4">Mesas de trabajo</a></li>         <li><a href="./productos.php?id=2">Patines</a></li></ul> </div> </div>';
/*
$("#prueba").click(function(){
	panelWidth=250;
				$('div.sbi_panel').css({ 
					'background-image'	: 'url(' + imagenesbg[1] + ')'
				}).each(function(i) {

					$(this).css('background-position', ( - i * panelWidth )  + 'px 0px')
					$(this).animate({backgroundPosition : ( - i * panelWidth )  + 'px -310px'},8000,'linear')

				});			
    });*/	
	
$(function(){
	$('#options>li').hover(
		function(){

		$('.submenu',this).stop(true,true).slideDown('fast');
		},
		function(){
		$('.submenu',this).slideUp('fast');
		}
	);
 

$(".text",this).mouseover(function(){
	var texto = $(this).attr("data");
	 $("#info").append(texto);
	});
	
$(".text",this).mouseout(function(){
	 $("#info").append("");
	});	
	
});

$(document).ready(function(){

//$('div.sbi_panel_img')

	
  //hide toolbar and make visible the 'show' button
	$("span.downarr a").click(function() {
    $("#toolbar").slideToggle("fast");
    $("#toolbarbut").fadeIn("slow");    
  });
  
  //show toolbar and hide the 'show' button
  $("span.showbar a").click(function() {
    $("#toolbar").slideToggle("fast");
    $("#toolbarbut").fadeOut();    
  });
  
  //show tooltip when the mouse is moved over a list element 
  $("ul#social li").hover(function() {
		$(this).find("div").fadeIn("fast").show(); //add 'show()'' for IE
    $(this).mouseleave(function () { //hide tooltip when the mouse moves off of the element
        $(this).find("div").hide();
    });
  });
  
  //don't jump to #id link anchor 
  $(".facebook, .twitter, .delicious, .digg, .rss, .stumble, .menutit, span.downarr a, span.showbar a").click(function() {
   return false;                                         
	});
	
  //show quick menu on click 
	$("span.menu_title a").click(function() {
		if($(".quickmenu").is(':hidden')){ //if quick menu isn't visible 
			$(".quickmenu").fadeIn("fast"); //show menu on click
		}
		else if ($(".quickmenu").is(':visible')) { //if quick menu is visible 
      $(".quickmenu").fadeOut("fast"); //hide menu on click
    }
	});
	
	//hide menu on casual click on the page
	$(document).click(function() {
			$(".quickmenu").fadeOut("fast");
			$(".quickmenu").css({'vivibility': 'hidden'});
	});
	$('.quickmenu').click(function(event) { 
		event.stopPropagation(); //use .stopPropagation() method to avoid the closing of quick menu panel clicking on its elements 
	});

		
});

/*	CAMBIO DE COLOR A ROJO A MENUS TOP E INDEX*/

$(".menucontactos").hover(function() {
		$(this).css("color","#DD0000");
		},
		function() {
		$(this).css("color","#333");
		}
	);
	
$(".menudown p").hover(function() {
		$(this).css("color","#DD0000");
		},
		function() {
		$(this).css("color","#036");
		}
	);	
