// Document Ready!

$(document).ready(function(){


    function getUrlVars()
    {
        var vars = [], hash;
        var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');
            vars.push(hash[0]);
            vars[hash[0]] = hash[1];
        }
        return vars;
    }

    var service = getUrlVars()["service"];

    if(service=='diagnostico')
    {
        $('#diagnostico').slideDown('slow');
        $('#main').slideUp('slow');
    }
    if(service=='reporteapoyo')
    {
        $('#reporteapoyo').slideDown('slow');
        $('#main').slideUp('slow');

    }
    if(service=='usomejor')
    {
        $('#usomejor').slideDown('slow');
        $('#main').slideUp('slow');
    }
    if(service=='validacion')
    {
        $('#validacion').slideDown('slow');
        $('#main').slideUp('slow');
    }
    if(service=='reporteoferta')
    {
        $('#reporteoferta').slideDown('slow');
        $('#main').slideUp('slow');
    }
    
    if(service=='dime')
    {
        $('#dime').slideDown('slow');
        $('#main').slideUp('slow');
    }
    if(service=='mapamercadologico')
    {
        $('#mapamercadologico').slideDown('slow');
        $('#main').slideUp('slow');
    }
    if(service=='tendencial')
    {
        $('#tendencial').slideDown('slow');
        $('#main').slideUp('slow');
    }
    
    if(service=='mexicanhouse')
    {
        $('#mexicanhouse').slideDown('slow');
        $('#main').slideUp('slow');
    }

    $('#as1').live('click',function(){

        $('#diagnostico').slideDown('slow');
        $('#reporteapoyo').slideUp('slow');
        $('#usomejor').slideUp('slow');
        $('#validacion').slideUp('slow');
        $('#reporteoferta').slideUp('slow');
        $('#main').slideUp('slow');

    });

    $('#as2').live('click',function(){

        $('#diagnostico').slideUp('slow');
        $('#reporteapoyo').slideDown('slow');
        $('#usomejor').slideUp('slow');
        $('#validacion').slideUp('slow');
        $('#reporteoferta').slideUp('slow');
        $('#main').slideUp('slow');

    });

    $('#as3').live('click',function(){

        $('#diagnostico').slideUp('slow');
        $('#reporteapoyo').slideUp('slow');
        $('#usomejor').slideDown('slow');
        $('#validacion').slideUp('slow');
        $('#reporteoferta').slideUp('slow');
        $('#main').slideUp('slow');
    });

    $('#as4').live('click',function(){

        $('#diagnostico').slideUp('slow');
        $('#reporteapoyo').slideUp('slow');
        $('#usomejor').slideUp('slow');
        $('#validacion').slideDown('slow');
        $('#reporteoferta').slideUp('slow');
        $('#main').slideUp('slow');
    });

    $('#as5').live('click',function(){

        $('#diagnostico').slideUp('slow');
        $('#reporteapoyo').slideUp('slow');
        $('#usomejor').slideUp('slow');
        $('#validacion').slideUp('slow');
        $('#reporteoferta').slideDown('slow');
        $('#main').slideUp('slow');
    });

//JS PRODUCTOS


 $('#ap1').live('click',function(){

        $('#dime').slideUp('slow');
        $('#mapamercadologico').slideUp('slow');
        $('#tendencial').slideUp('slow');
        $('#mexicanhouse').slideDown('slow');
        $('#main').slideUp('slow');

    });

    $('#ap2').live('click',function(){

       $('#dime').slideUp('slow');
        $('#mapamercadologico').slideUp('slow');
        $('#tendencial').slideDown('slow');
        $('#mexicanhouse').slideUp('slow');
        $('#main').slideUp('slow');
    });

    $('#ap3').live('click',function(){

       $('#dime').slideUp('slow');
        $('#mapamercadologico').slideDown('slow');
        $('#tendencial').slideUp('slow');
        $('#mexicanhouse').slideUp('slow');
        $('#main').slideUp('slow');
    });
    
    $('#ap4').live('click',function(){

       $('#dime').slideDown('slow');
        $('#mapamercadologico').slideUp('slow');
        $('#tendencial').slideUp('slow');
        $('#mexicanhouse').slideUp('slow');
        $('#main').slideUp('slow');
    });
    
    
    /**
     * END PRODUCTOS
     */

$("ul.thumb li").hover(function() {
	$(this).css({'z-index' : '10'}); /*Add a higher z-index value so this image stays on top*/ 
	$(this).find('img').addClass("hover").stop() /* Add class of "hover", then stop animation queue buildup*/
		.animate({
			marginTop: '-110px', /* The next 4 lines will vertically align this image */ 
			marginLeft: '-110px',
			top: '50%',
			left: '50%',
			width: '120px', /* Set new width */
			height: '120px', /* Set new height */
			padding: '20px'
		}, 240); /* this value of "200" is the speed of how fast/slow this hover animates */

	} , function() {
	$(this).css({'z-index' : '0'}); /* Set z-index back to 0 */
	$(this).find('img').removeClass("hover").stop()  /* Remove the "hover" class , then stop animation queue buildup*/
		.animate({
			marginTop: '0', /* Set alignment back to default */
			marginLeft: '0',
			top: '0',
			left: '0',
			width: '100px', /* Set width back to default */
			height: '100px', /* Set height back to default */
			padding: '5px'
		}, 400);
});
   
});
