/* 
    Document   : hoverindex
    Created on : 19/08/2011, 13:55:24
    Author     : Efraim Gentil - efraimgentil@gmail.com
    Description:
*/
$(document).ready(function(){
    var screenWidth = $(window).width()-344;
    var movendo = false;
    var openthis = false;
    var canOpenMenu = true;
    var mouseover = true;
    var smallScreen = false;
    var indexOpen = 0;
    var toOpenIndex = 0;  
    
    $(".itemMenuHover").css("left",0);
    if(screenWidth > 1209){       
        $("#geralA").css({"width":1550 ,"_width" : 1550});
        $("#noticia").css({"width":970 ,"_width" : 970});        
        smallScreen = false;
    }else{
        $("#geralA").css("_width",1174);
        $("#menuconteudo").css({"width":776 ,"_width" : 876});        
        $("#noticia").css({"width":582+284 ,"_width" : 582+300});
        if($("#menuSetaL").index() == -1){
            $("#menuconteudo").before("<div id='menuSetaL'><img src='imagens/setal.jpg'/></div>");
        }
        if($("#menuSetaR").index() == -1){
            $("#menuconteudo").after("<div id='menuSetaR'><img src='imagens/setar.jpg'/></div>");
        }
        smallScreen = true;
    }
    $(window).resize(function(){
        screenWidth = $(window).width()-344;
        //        $("#tamanhoDiv").html(screenWidth);
        if(screenWidth > 1209){
            $(".itemMenuHover").css("left", "0px");
            if($("#menuSetaL").index() != -1){
                $("#menuSetaL").remove();
            }
            if($("#menuSetaR").index() != -1){
                $("#menuSetaR").remove();
            }
            smallScreen = false;
            $("#menuconteudo").css("width",582+594);
            $("#geralA").css("width",1550);
            $("#noticia").css("width",970);
            //$("#menuconteudo").css("width",screenWidth);
        //$("#noticia").css("width",screenWidth);
        }else{  
            if($("#menuSetaL").index() == -1){
                $("#menuconteudo").before("<div id='menuSetaL'><img src='imagens/setal.jpg'/></div>");
            }
            if($("#menuSetaR").index() == -1){
                $("#menuconteudo").after("<div id='menuSetaR'><img src='imagens/setar.jpg'/></div>");
            }
            smallScreen = true;
            $("#menuconteudo").css("width",582+194);
            $("#noticia").css("width",582+284);
        }
    });
    
    $("#menuSetaR").live({
        click: function(){     
            if(!movendo){   
                canOpenMenu = false;
                var thePos = $(".itemMenuHover").eq(4).css("left");
                thePos = thePos.substr(0,thePos.length-2);
                if(Number(thePos) <= -194){     
                    $(".itemMenuHover").eq(4).after($(".itemMenuHover").eq(0));
                    $(".itemMenuHover").css("left", "0px");
                }
                movendo = true;
                $(".itemMenuHover").animate({
                    left: "-=194"
                },600, function(){
                    movendo = false;    
                    canOpenMenu = true;
                });          
            }
        }
    })
    $("#menuSetaL").live({
        click: function(){     
            if(!movendo){
                canOpenMenu = false;
                var thePos = $(".itemMenuHover").eq(0).css("left");
                thePos = thePos.substr(0,thePos.length-2);
                if(Number(thePos) >= 0){
                    $(".itemMenuHover").eq(0).before($(".itemMenuHover").eq(4));
                    $(".itemMenuHover").css("left", "-194px");
                }
                movendo = true;
                $(".itemMenuHover").animate({
                    left: "+=194"
                },600 , function(){
                    movendo = false;
                    canOpenMenu = true;
                //                    $("#tamanhoDiv").html($(".itemMenuHover").css("left"));                    
                });
            }           
        }
    })
    
    
    
    
      
    $(".itemMenuHover").hover(        
        function(){
            if(canOpenMenu){
                toOpenIndex = $(this).index();
                movendo = true;
                if(!openthis){
                    indexOpen = $(this).index();
                    openthis = true;
                    $(".colored").each(function(){
                        if($(".colored").index(this) != indexOpen){
                            $(this).fadeOut(200);
                        }
                    });
                    //                    if(smallScreen == true){
                    //                        if(indexOpen == 3 && $(".itemMenuHover").eq(indexOpen).css("left") == "0px" ){
                    //                            $("#tamanhoDiv").html($(".itemMenuHover").eq(indexOpen).css("left"));
                    //                            $(".itemMenuHover").animate({
                    //                                left: "-=194"
                    //                            },600);
                    //                        }        
                    //                        if(indexOpen == 4){
                    //                            $(".itemMenuHover").eq(4).after($(".itemMenuHover").eq(0));
                    //                            $(".itemMenuHover").css("left", "0px");
                    //                            $("#tamanhoDiv").html($(".itemMenuHover").eq(indexOpen).css("left"));  
                    //                            $(".itemMenuHover").animate({
                    //                                left: "-=194"
                    //                            },600);
                    //                        } 
                        
                    //                    }
                    $(this).animate({
                        width: "388"
                    }, 600, 
                    function(){
                        $(".itemMenuHover .menutitulo").eq(indexOpen) .animate({
                            top: "290"
                        }, 300 , function(){
                            $(".itemMenuHover .menudescricao").eq(indexOpen).fadeIn(200);                        
                        });
                    });
                    
                }else{       
                    $(".itemMenuHover").eq(indexOpen).stop();
                    $(".menutitulo").eq(indexOpen) .animate({
                        top: "355"
                    }, 300);
                    $(".itemMenuHover .menudescricao").eq(indexOpen).fadeOut(150);
                    $(".itemMenuHover").eq(indexOpen).animate({
                        width: "194"
                    }, 600 ,function(){                        
                        indexOpen = toOpenIndex;
                        openthis = true;
                        $(".colored").each(function(){
                            if($(".colored").index(this) == indexOpen){
                                $(this).fadeIn(200);
                            }
                            if($(".colored").index(this) != indexOpen){
                                $(this).fadeOut(200);
                            }
                        });
                        $(".itemMenuHover").eq(toOpenIndex).animate({
                            width: "388"
                        }, 600, function(){ 
                            $(".itemMenuHover .menutitulo").eq(indexOpen) .animate({
                                top: "290"
                            }, 300 , function(){
                                $(".itemMenuHover .menudescricao").eq(indexOpen).fadeIn(200);                        
                            });
                        }); 
                    }); 
                }   
            }
        },
        function(){
            mouseover = false;           
            $(".itemMenuHover .menudescricao").fadeOut(150);
            if(openthis){                       
                $(".itemMenuHover").eq(indexOpen).stop(); 
                $(".itemMenuHover .menudescricao").fadeOut(150);
                $(".menutitulo").eq(indexOpen) .animate({
                    top: "355"
                }, 300);
                $(".itemMenuHover").eq(indexOpen).animate({
                    width: "194"
                }, 600 ,function(){     
                    $(".itemMenuHover .menudescricao").eq(indexOpen).fadeOut(150);
                    openthis = false;
                    movendo = false;
                });  
            }
            if(!mouseover){
                $(".colored").each(function(){
                    if($(".colored").index(this) != indexOpen){
                        $(this).fadeIn(200);
                    }                    
                    mouseover = false;  
                });
            }
        });
})