var dimension = DetectDimension();
if (((dimension[0] - 1024) / 2) < 12) {
    var left_min = 12;
} else {
    var left_min = Math.ceil((dimension[0] * 11) / 100);
}

var time_mask = 650;
var calcul_ratio = dimension[0] / dimension[1];
var cur_home_slide = 1;
var cur_ctn_img = 'inicio1.jpg';
var mytimeout, norm, firsttime;
var oScrollbar;



$(document).ready(function () {

    firsttime = 0;
    $("#page_home").css({
        "height": dimension[1] + "px",
        "width": dimension[0] + "px"
    });
    oScrollbar = $('#scrollbar1');
    oScrollbar.tinyscrollbar();
    $('#pan_1,#pan_2,#pan_3').css({
        "height": dimension[1] + "px"
    });
    if ((dimension[1] - 243) < 556) {
        if (dimension[1] < 641) {
            rec_min_top = dimension[1] - (dimension[1] * 0.1);
            rec_top_bl = rec_min_top - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy .copy').css("top", "60px");
            $('#bl_copy').css("top", (rec_min_top - 60) + "px");
            norm = 'little';
        } else {
            rec_min_top = 556;
            rec_top_bl = 556 - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", rec_min_top + "px");
            $('#bl_copy .copy').css("top", "-60px");
            norm = 'norm';
        }
    } else {
        rec_min_top = (dimension[1] - 243);
        rec_top_bl = (dimension[1] - 243) - 370;
        norm = 'norm';
        $('#bl_copy').css("top", rec_min_top + "px");
        $('#menu,#nav').css({
            "top": "150px"
        });
        $('#bl_copy .copy').css("top", "-60px");
    }
    $('#footer,.fil_pan_1,.separ_b_pan').css("top", rec_min_top + "px");
    $("#menu a").click(function () {
        $(this).addClass("active");
        $('#ssmenu').html("");
        home_to_content($(this).attr('id'));
        return false;
    });
	$("#p_14").click(function(){
		var url = $("#p_14").attr("href");
		window.open(url);
        return false;
	});
    $("#nav a").click(function () {
        $('#ssmenu').html("");
        content_to_content($(this).attr('id'));
        return false;
    });
    $("#nav li").click(function () {
        $('#ssmenu').html("");
        my_id = $(this).attr("id");
        rec_id = $("#" + my_id + " a").attr("id");
        content_to_content(rec_id);
    });
    $(".backhome").click(function () {
        content_to_home();
        return false;
    });
    $(".loader").fadeOut(1500, function () {
        setTimeout("anim_home_step1()", 100);
    });
	
	
});

function Move_ctn_home() {
    if ((dimension[1] - 243) < 556) {
        if (dimension[1] < 641) {
            rec_min_top = dimension[1] - (dimension[1] * 0.1);
            rec_top_bl = rec_min_top - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", (rec_min_top - 60) + "px");
            norm = 'little';
        } else {
            rec_min_top = 556;
            rec_top_bl = 556 - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", rec_min_top + "px");
            norm = 'norm';
        }
    } else {
        rec_min_top = (dimension[1] - 243);
        rec_top_bl = (dimension[1] - 243) - 370;
        norm = 'norm';
        $('#bl_copy').css("top", rec_min_top + "px");
        $('#menu,#nav').css({
            "top": "150px"
        });
    }
    $('.copy').css({
        "left": ((left_min * 70) / 100) + "px"
    });
    $('.copy').animate({
        "top": "20px"
    }, 300, function () {
        $("#bl_copy").css("z-index", "400");
    });
    mytimeout = setTimeout("slideshowhome(2)", 6000);
}
function slideshowhome(id_sl) {
    if ($("#page_home").hasClass("active")) {
        dimension = DetectDimension();
        cur_home_slide = id_sl;
        var rec_id = id_sl;
        if (rec_id == 1) {
            var rec_av_id = 4;
        } else {
            var rec_av_id = rec_id - 1;
        }
        $("#sl_" + rec_av_id).css("z-index", "9");
        $("#sl_" + id_sl).css({
            "width": "0px",
            "z-index": "10",
            "right": "0"
        });
        $("#sl_" + id_sl).animate({
            "width": dimension[0] + "px"
        }, 600, function () {
            $("#sl_" + rec_av_id).css("width", "0");
            if (rec_id == 4) {
                mytimeout = setTimeout("slideshowhome(1)", 6000);
            } else {
                mytimeout = setTimeout("slideshowhome(" + (rec_id + 1) + ")", 6000);
            }
        });
    }
}
function redim() {
    if (((dimension[0] - 1024) / 2) < 12) {
        left_min = 12;
    } else {
        left_min = Math.ceil((dimension[0] * 11) / 100)
    }
    if ((dimension[1] - 243) < 556) {
        if (dimension[1] < 641) {
            rec_min_top = dimension[1] - (dimension[1] * 0.1);
            rec_top_bl = rec_min_top - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", (rec_min_top - 60) + "px");
            norm = 'little';
        } else {
            rec_min_top = 556;
            rec_top_bl = 556 - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", rec_min_top + "px");
            norm = 'norm';
        }
    } else {
        rec_min_top = (dimension[1] - 243);
        rec_top_bl = (dimension[1] - 243) - 370;
        norm = 'norm';
        $('#bl_copy').css("top", rec_min_top + "px");
        $('#menu,#nav').css({
            "top": "150px"
        });
    }
    $('div').stop();
    $('#footer,.fil_pan_1,.separ_b_pan').css({
        "top": rec_min_top + "px"
    });
    if ((dimension[0] - 658 - (332 + left_min) - left_min) < 0) {
        $('#ctn_home').css({
            "left": (left_min + 658) + "px"
        });
    } else {
        $('#ctn_home').css({
            "left": (dimension[0] - 332 - (left_min * 0.7)) + "px"
        });
    }
    $("#page_home").css({
        "height": dimension[1] + "px",
        "width": dimension[0] + "px"
    });
    $('#separ2_ctn_home').css({
        "top": rec_top_bl + "px"
    });
    $('#logo,.backhome,.copy,#menu,#nav').css("left", (left_min * 0.7) + "px");
    $('#mask_home').css("left", "-" + (dimension[0] + 10) + "px");
    $('#pan_1,#pan_2,#pan_3').css({
        "height": dimension[1] + "px"
    });
    if (calcul_ratio < 1.6) {
        ajust_w = (dimension[1] * 1680) / 1050;
        ajust_h = (dimension[0] * 1050) / 1680;
        if (ajust_w < dimension[0]) {
            $('.sl img').css({
                "width": dimension[0] + "px",
                "height": "auto",
                "margin-top": "-" + Math.ceil((ajust_h - dimension[1]) / 2) + "px",
                "margin-right": "0px"
            });
        } else {
            $('.sl img').css({
                "height": dimension[1] + "px",
                "width": "auto",
                "margin-right": "-" + Math.ceil((ajust_w - dimension[0]) / 2) + "px",
                "margin-top": "0px"
            });
        }
    } else {
        ajust_w = (dimension[1] * 1680) / 1050;
        ajust_h = (dimension[0] * 1050) / 1680;
        if (ajust_h < dimension[1]) {
            $('.sl img').css({
                "height": dimension[1] + "px",
                "width": "auto",
                "margin-right": "-" + Math.ceil((ajust_w - dimension[0]) / 2) + "px",
                "margin-top": "0px"
            });
        } else {
            $('.sl img').css({
                "width": dimension[0] + "px",
                "height": "auto",
                "margin-top": "-" + Math.ceil((ajust_h - dimension[1]) / 2) + "px",
                "margin-right": "0px"
            });
        }
    }
    $('#sl_' + cur_home_slide).css({
        "right": "0px",
        "width": "100%"
    });
    $("#scrollbar1 .viewport").css({
        "height": (dimension[1] - 140) + "px"
    });
    oScrollbar.tinyscrollbar_update();
    $('#pan_1').css({
        "width": ((left_min * 0.7) + 327) + "px"
    });
    $('#pan_2').css({
        "left": ((left_min * 0.7) + 327) + "px"
    });
    $('#pan_3').css({
        "left": ((left_min * 0.7) + 327 + 363) + "px",
        "width": (dimension[0] - ((left_min * 0.7) + 327 + 363)) + "px"
    });
    $('#pan_3 img').css({
        "height": dimension[1] + "px"
    });
    recup_val_pan3 = (dimension[0] - ((left_min * 0.7) + 326 + 363));
    if ((recup_val_pan3 - (left_min * 0.7)) < 0) {
        $('.separ_pan').css({
            "width": "12px",
            "left": (recup_val_pan3 - 12) + "px"
        });
    } else {
        $('.separ_pan').css({
            "width": (left_min * 0.7) + "px",
            "left": (recup_val_pan3 - (left_min * 0.7)) + "px"
        });
    }
    $('.fil_pan_1,.separ_b_pan').css({
        "top": rec_min_top + "px"
    });
}
function anim_home_step1() {
    if ((dimension[1] - 243) < 556) {
        if (dimension[1] < 641) {
            rec_min_top = dimension[1] - (dimension[1] * 0.1);
            rec_top_bl = rec_min_top - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", (rec_min_top - 60) + "px");
            norm = 'little';
        } else {
            rec_min_top = 556;
            rec_top_bl = 556 - 370;
            $('#menu,#nav').css({
                "top": "150px"
            });
            $('#bl_copy').css("top", rec_min_top + "px");
            norm = 'norm';
        }
    } else {
        rec_min_top = (dimension[1] - 243);
        rec_top_bl = (dimension[1] - 243) - 370;
        norm = 'norm';
        $('#bl_copy').css("top", rec_min_top + "px");
        $('#menu,#nav').css({
            "top": "150px"
        });
    }
    if (calcul_ratio < 1.6) {
        ajust_w = (dimension[1] * 1680) / 1050;
        ajust_h = (dimension[0] * 1050) / 1680;
        if (ajust_w < dimension[0]) {
            $('.sl img').css({
                "width": dimension[0] + "px",
                "height": "auto",
                "margin-top": "-" + Math.ceil((ajust_h - dimension[1]) / 2) + "px",
                "margin-right": "0px"
            });
        } else {
            $('.sl img').css({
                "height": dimension[1] + "px",
                "width": "auto",
                "margin-right": "-" + Math.ceil((ajust_w - dimension[0]) / 2) + "px",
                "margin-top": "0px"
            });
        }
    } else {
        ajust_w = (dimension[1] * 1680) / 1050;
        ajust_h = (dimension[0] * 1050) / 1680;
        if (ajust_h < dimension[1]) {
            $('.sl img').css({
                "height": dimension[1] + "px",
                "width": "auto",
                "margin-right": "-" + Math.ceil((ajust_w - dimension[0]) / 2) + "px",
                "margin-top": "0px"
            });
        } else {
            $('.sl img').css({
                "width": dimension[0] + "px",
                "height": "auto",
                "margin-top": "-" + Math.ceil((ajust_h - dimension[1]) / 2) + "px",
                "margin-right": "0px"
            });
        }
    }
    $('#sl_1').css("right", "-" + (dimension[0] - ((dimension[0] * 0.8) / 1)) + "px");
    $('#logo').css("left", (dimension[0] / 2.4) + "px");
    $('#menu').css("left", (dimension[0] / 1.8) + "px");
    $('#mask_home').animate({
        "left": "-" + dimension[0] + "px"
    }, time_mask, function () {});
    $('#sl_1').animate({
        "right": "0"
    }, time_mask, function () {});
    $('#logo').animate({
        "left": (left_min * 0.7) + "px"
    }, time_mask, function () {});
    $('#menu').animate({
        "left": (left_min * 0.7) + "px"
    }, time_mask, function () {});
    $('.backhome').css({
        "left": (left_min * 0.7) + "px"
    });
    $('#ctn_home').css({
        "left": dimension[0] + "px"
    });
    $('#separ2_ctn_home').css({
        "top": rec_top_bl + "px"
    });
    if ((dimension[0] - 658 - 332) < 0) {
        $('#ctn_home').animate({
            "left": (left_min + 658) + "px"
        }, (time_mask * 1.3), function () {
            Move_ctn_home();
        });
    } else {
        $('#ctn_home').animate({
            "left": (dimension[0] - 332 - (left_min * 0.7)) + "px"
        }, (time_mask * 1.3), function () {
            Move_ctn_home();
        });
    }
}
function home_to_content(url) {
    $('#pan_1').css({
        "width": "0px"
    });
    $('#pan_2').css({
        "left": "-797px"
    });
    $('#ssmenu').css({
        "left": "-403px"
    });
    $('#pan_3').css({
        "width": "0px"
    });
    $('.contenu .overview').html('');
    $("#scrollbar1 .viewport").css({
        "height": (dimension[1] - 140) + "px"
    });
    $("#nav li,#nav li a").removeClass("active");
    $("#nav a#nav_" + url).parent().addClass("active");
    $("#page_home").removeClass("active");
    clearTimeout(mytimeout);
    $("#page_contenu").show();
    $("#page_contenu").addClass("active");
    recup_val_pan3 = (dimension[0] - ((left_min * 0.7) + 326 + 403));
    if ((recup_val_pan3 - (left_min * 0.7)) < 0) {
        $('.separ_pan').css({
            "width": "12px",
            "left": (recup_val_pan3 - 12) + "px"
        });
    } else {
        $('.separ_pan').css({
            "width": (left_min * 0.7) + "px",
            "left": (recup_val_pan3 - (left_min * 0.7)) + "px"
        });
    }
    $('#nav').css("left", (left_min * 0.7) + "px");
    $('#pan_1').animate({
        "width": ((left_min * 0.7) + 327) + "px"
    }, 300, function () {});
    oScrollbar.tinyscrollbar_update();
    $('#pan_2').animate({
        "left": ((left_min * 0.7) + 327) + "px"
    }, 600, function () {
        $('#pan_3').css({
            "left": ((left_min * 0.7) + 327 + 403) + "px"
        });
        $('#pan_3 img').css({
            "height": dimension[1] + "px"
        });
        if ($("#nav a#nav_" + url).parent().hasClass("submenu")) {
            $('#ssmenu').animate({
                "left": "0px"
            }, 300, function () {
                $('#ssmenu').addClass("act");
                my_elem = $("#nav a#nav_" + url).parent();
                affich_ssmenu(my_elem);
            });
        } else {
            new_url = 'nav_' + url;
            affich_content(new_url);
        }
        $('#pan_3').animate({
            "width": (dimension[0] - ((left_min * 0.7) + 326 + 403)) + "px"
        }, 300, function () {});
    });
}
function content_to_home() {
    $("#page_contenu").removeClass("active");
    $("#page_home").addClass("active");
    $("#menu a").removeClass("active");
    dimension = DetectDimension();
    calcul_ratio = dimension[0] / dimension[1];
    if (calcul_ratio < 1.6) {
        ajust_w = (dimension[1] * 1680) / 1050;
        ajust_h = (dimension[0] * 1050) / 1680;
        if (ajust_w < dimension[0]) {
            $('.sl img').css({
                "width": dimension[0] + "px",
                "height": "auto",
                "margin-top": "-" + Math.ceil((ajust_h - dimension[1]) / 2) + "px",
                "margin-right": "0px"
            });
        } else {
            $('.sl img').css({
                "height": dimension[1] + "px",
                "width": "auto",
                "margin-right": "-" + Math.ceil((ajust_w - dimension[0]) / 2) + "px",
                "margin-top": "0px"
            });
        }
    } else {
        ajust_w = (dimension[1] * 1680) / 1050;
        ajust_h = (dimension[0] * 1050) / 1680;
        if (ajust_h < dimension[1]) {
            $('.sl img').css({
                "height": dimension[1] + "px",
                "width": "auto",
                "margin-right": "-" + Math.ceil((ajust_w - dimension[0]) / 2) + "px",
                "margin-top": "0px"
            });
        } else {
            $('.sl img').css({
                "width": dimension[0] + "px",
                "height": "auto",
                "margin-top": "-" + Math.ceil((ajust_h - dimension[1]) / 2) + "px",
                "margin-right": "0px"
            });
        }
    }
    $('#nav').css("left", ((left_min * 70) / 100) + "px");
    $('#pan_3').animate({
        "width": "0px"
    }, 300, function () {
        $('#pan_2').animate({
            "left": ((left_min * 0.7) + 327 - 403) + "px"
        }, 250, function () {
            $('#pan_2').animate({
                "left": "-797px"
            }, 300, function () {
                $('.contenu .overview').html('');
                oScrollbar.tinyscrollbar_update();
            });
            $('#pan_1').animate({
                "width": "0px"
            }, 300, function () {
                $("#page_contenu").hide();
                if (cur_home_slide == 4) {
                    mytimeout = setTimeout("slideshowhome(1)", 6000);
                } else {
                    mytimeout = setTimeout("slideshowhome(" + (cur_home_slide + 1) + ")", 6000);
                }
            });
        });
    });
}
function content_to_content(url) {
    $("#nav li,#nav ul.level_1 li a:not(ul.level_2 li a)").removeClass("active");
    var my_elem = $("#nav a#" + url).parent();
    my_elem.addClass("active");
    if (my_elem.hasClass("submenu")) {
        if ($('#ssmenu').hasClass("act")) {
            affich_ssmenu(my_elem);
        } else {
            $('#ssmenu').animate({
                "left": "0px"
            }, 300, function () {
                $('#ssmenu').addClass("act");
                affich_ssmenu(my_elem);
            });
        }
    } else {
        affich_content(url);
    }
}
function affich_ssmenu(my_elem) {
    rec_id = my_elem.attr("id");
    tabPosition = $('#nav ul.level_1 > li').index(my_elem);
    //$("#" + rec_id + " ul.level_2").clone().appendTo("#ssmenu");
    if (dimension[1] < 641) {
        $('#ssmenu .level_2').css({
            "top": (200 + (tabPosition * 22)) + "px"
        });
    } else {
        $('#ssmenu .level_2').css({
            "top": (300 + (tabPosition * 22)) + "px"
        });
    }
    $('#ssmenu a').unbind();
    $('#ssmenu a').click(function () {
        affich_content($(this).attr('id'));
        return false;
    });
}
function affich_content(url) {
    $(".level_2 a").removeClass("active");
    $("#" + url).addClass("active");
    var rec_id = url.split("_");
    if ($('#ssmenu').hasClass("act")) {
        $('#ssmenu').animate({
            "left": "-403px"
        }, 300, function () {
            $('#ssmenu').removeClass("act");
            anim_content(rec_id[2]);
        });
    } else {
        anim_content(rec_id[2]);
    }
}
function anim_content(rec_id) {
    if ($.browser.msie) {
        version = parseInt($.browser.version, 10);
    } else {
        version = 9;
    }
    if ($(".contenu .overview").html() != '') {
        if (version < 9) {
            $('.contenu').animate({
                "left": "-40px"
            }, 300, function () {
                $('.contenu .overview').html('');
                $(".mod_article h1").css({
                    "font-size": "30px"
                });
                $(".mod_article h2").css({
                    "font-size": "18px",
                    "font-weight": "normal"
                });
                $("#ctn_" + rec_id + " .mod_article").clone().appendTo(".contenu .overview").removeClass("stand");
                oScrollbar.tinyscrollbar_update();
                $('.contenu').animate({
                    "left": "0px"
                }, 300, function () {
                    ch_pan_3(rec_id);
                });
            });
        } else {
            $('.contenu').animate({
                "left": "-40px",
                "opacity": "0"
            }, 300, function () {
                $('.contenu .overview').html('');
                $("#ctn_" + rec_id + " .mod_article").clone().appendTo(".contenu .overview").removeClass("stand");
                Cufon.replace('h1');
                Cufon.replace('h2');
                oScrollbar.tinyscrollbar_update();
                $('.contenu').animate({
                    "left": "0px",
                    "opacity": "1"
                }, 300, function () {
                    ch_pan_3(rec_id);
                });
            });
        }
    } else {
        if (version < 9) {
            $('.contenu .overview').html('');
            $("#ctn_" + rec_id + " .mod_article").clone().appendTo(".contenu .overview");
            $(".mod_article h1").css({
                "font-size": "30px"
            });
            $(".mod_article h2").css({
                "font-size": "18px",
                "font-weight": "normal"
            });
            oScrollbar.tinyscrollbar_update();
            $('.contenu').css({
                "left": "-40px"
            });
            $('.contenu').animate({
                "left": "0px"
            }, 300, function () {
                ch_pan_3(rec_id);
            });
        } else {
            $('.contenu .overview').html('');
            $("#ctn_" + rec_id + " .mod_article").clone().appendTo(".contenu .overview");
            Cufon.replace('h1');
            Cufon.replace('h2');
            oScrollbar.tinyscrollbar_update();
            $('.contenu').css({
                "left": "-40px",
                "opacity": "0"
            });
            $('.contenu').animate({
                "left": "0px",
                "opacity": "1"
            }, 300, function () {
                ch_pan_3(rec_id);
            });
        }
    }
}
function ch_pan_3(id_page) {
    switch (id_page) {
    case '10':
        tab_img = 'link_consulting.jpg';
        break;
    case '7':
        tab_img = 'quienes_somos.jpg';
        break;
    case '12':
		tab_img = 'que_ofrecemos.jpg';
        break;
    case '13':
        tab_img = 'oportunidades_laborales.jpg';
        break;
    case '6':
        tab_img = 'contacto.jpg';
        break;
    }
    //ch_img_num = Math.floor(Math.random() * tab_img.length);
    ch_img = tab_img;//[ch_img_num];
    $("#pan_3 .illustration .img_sl_2").remove();
    $("<img>", {
        'class': "img_sl_2",
        css: {
            height: dimension[1] + "px"
        },
        src: "img/" + ch_img
    }).appendTo("#pan_3 .illustration").load(function () {
            $(".img_sl_1").remove();
            $(".img_sl_2").addClass("img_sl_1").removeClass("img_sl_2");
        
    });
    if (id_page == '6') {
        $("#formContact").submit(function(event) {
			var $form = $( this );
			var nombre = $form.find( 'input[name="nombre"]' ).val();
			var apellido = $form.find( 'input[name="apellido"]' ).val();
			var telefono = $form.find( 'input[name="telefono"]' ).val();
			var email = $form.find( 'input[name="email"]' ).val();
			var message = $form.find( 'input[name="message"]' ).val();
			if(nombre == "")
			{ 	
				$("#result").empty().append("Por favor llene los campos requeridos.");
				$("#result").css('color','Red');				
				$('#nombre').focus();
		  		return false;
			}
			if(apellido == "")
			{ 	
				$("#result").empty().append("Por favor llene los campos requeridos.");
				$("#result").css('color','Red');
				$('#apellido').focus();
		  		return false;
			}
			if(telefono == "")
			{ 	
				$("#result").empty().append("Por favor llene los campos requeridos.");
				$("#result").css('color','Red');
				$('#telefono').focus();
		  		return false;
			}
			if(email == "")
			{ 	
				$("#result").empty().append("Por favor llene los campos requeridos.");
				$("#result").css('color','Red');
				$('#email').focus();
		  		return false;
			}
			if(message == "")
			{ 	
				$("#result").empty().append("Por favor llene los campos requeridos.");
				$("#result").css('color','Red');
				$('#message').focus();
		  		return false;
			}												
			/* stop form from submitting normally */
    		//event.preventDefault(); 
		  	$.post("http://www.iminds.pe/linkconsulting/sendemail.php", $("#formContact").serialize());
			$("#result").empty().append("Gracias por su comentario, estaremos en contacto.");
			$("#result").css('color','Green');
			$('#nombre').val("");
			$('#apellido').val("");
			$('#telefono').val("");
			$('#email').val("");
			$('#message').val("");
		  	return false;
		});
    }
}
function DetectDimension() {
    if ($.browser.msie) {
        dim_win_width = $(window).width();
        dim_win_height = $(window).height();
    } else {
        dim_win_width = window.innerWidth;
        dim_win_height = window.innerHeight;;
    }
    dim_win = [dim_win_width, dim_win_height];
    return dim_win;
}
$(window).resize(function () {
    dimension = DetectDimension();
    calcul_ratio = dimension[0] / dimension[1];
    redim();
});