var currentPage = "summary";        
var minheight = 200;
    
//page load
$(document).ready(function() {
    
});

//set page
function setPage(item){            
    switch(item){
        case 'desc':
            $('#btn_desc').hide();
            $('#div_desc').show();
            currentPage = "desc"; 
            break
        case 'compare':          
            $('#div_summary').hide();
            $('#div_compare').show();
            currentPage = "compare"; 
            break
        case 'images':       
            $('#div_summary').hide();
            $('#div_images').show();
            currentPage = "images"; 
            break
        case 'reviews':            
            $('#div_summary').hide();
            $('#div_reviews').show();
            currentPage = "reviews"; 
            break
    }    
}

//menu commands
function menu(item){
    if(currentPage != item){
        switch(item){
            case 'summary':                    
                setSummary();
                break
            case 'desc':
                setDesc();
                break
            case 'compare':                    
                setCompare();
                break
            case 'images':                    
                setImages();
                break
            case 'reviews':                    
                setReviews();
                break
        }
    }     
}

//hide pages
function Hide(){
    $(".ShowHide").hide();
}        

//resize content
function Resize(myHeight, myElement){
    myHeight += 50;
    if(myHeight < minheight){myHeight = minheight}
    $(".Resize").animate({'height': myHeight + 'px'}, 'slow', function(){
        
    });
    scroll(myElement);
}

//Scroll
function scroll(myElement){
    var scrollX = 0;
    if(myElement){
        scrollX = myElement.offset().top;
        scrollX -= 5;
    }
    if(scrollX < 0){scrollX = 0;}
    $('html,body').animate({scrollTop: scrollX}, {duration: 1000, easing: 'easeOutCubic'});        
}

//summary page
function setSummary(){

    var div, height;
    
    if(currentPage == "desc"){
        $("#div_desc").animate({'opacity': 'hide'}, 'slow', function(){
            $("#btn_desc").animate({'opacity': 'show'}, 'slow', function(){});
            div = $("#div_summary");
            height = div.height();
            Resize(height);            
        });
    }else{
        Hide();
        $("#btn_desc").show();
        div = $("#div_summary");
        height = div.height();
        Resize(height);
        div.animate({'opacity': 'show'}, 'slow', function(){});
    }          
    
    currentPage = "summary"; 
    
}

//description page
function setDesc(){
                
    var div_summary = $("#div_summary");
    var div_desc = $("#div_desc");
    var lbl_desc = $("#ctl00_Content_lbl_desc");
    var height = 0;

    if(currentPage == "summary"){
        if(lbl_desc.html() == ""){
            $.get("Data.ashx", { "action": "HandsetContent", "content": "desc", "handsetid": HandsetID, "Refresh": new Date().getTime() }, function(data){                                                                            
                $("#btn_desc").animate({'opacity': 'hide'}, 'slow', function(){
                    lbl_desc.html(data);                        
                    div_desc.animate({'opacity': 'show'}, 'slow', function(){});
                    height = div_summary.height()+div_desc.height();
                    Resize(height, div_desc);
                });
            }); 
        }else{
            $("#btn_desc").animate({'opacity': 'hide'}, 'slow', function(){
                height = div_summary.height()+div_desc.height();
                div_desc.animate({'opacity': 'show'}, 'slow', function(){});
                Resize(height, div_desc);
            });
        }                        
    }else{
        Hide();
        if(lbl_desc.html() == ""){
            $.get("Data.ashx", { "action": "HandsetContent", "content": "desc", "handsetid": HandsetID, "Refresh": new Date().getTime() }, function(data){                        
                lbl_desc.html(data);                        
                height = div_summary.height()+div_desc.height();
                $("#btn_desc").hide();
                div_summary.animate({'opacity': 'show'}, 'slow', function(){});      
                div_desc.animate({'opacity': 'show'}, 'slow', function(){}); 
                Resize(height, div_desc);
            });
        }else{
            height = div_summary.height()+div_desc.height();    
            $("#btn_desc").hide();
            div_summary.animate({'opacity': 'show'}, 'slow', function(){});      
            div_desc.animate({'opacity': 'show'}, 'slow', function(){});                    
            Resize(height, div_desc);
        }
        
    }         
    
    currentPage = "desc";        
                 
}

//compare page
function setCompare(){
    
    Hide();
    var div = $("#div_compare");
    var height = div.height();
    div.animate({'opacity': 'show'}, 'slow', function(){});
    Resize(height, $(".HandsetPage"));
    
    currentPage = "compare"; 
    
}

//images page
function setImages(){
    
    Hide();
    var div = $("#div_images");
    var lbl = $("#lbl_images");
    var height;
    
    if(lbl.html() == ""){
    
        $.getJSON("Data.ashx", { "action": "HandsetContent", "content": "images", "handsetid": HandsetID, "Refresh": new Date().getTime() }, function(data){
                      
            var output = "";
            
            $.each(data, function(entryIndex, entry){
                output += "<a href='" + files + entry["0"] + "'>";
                output += "<img src='" + files + entry["1"] + "' alt=''/>";
                output += "</a>";
            });
            
            if(output == ""){
                output = "<div class='Empty'>No images currently available.</div>";
            }
            
            lbl.html(output);
        
            height = div.height();
            Resize(height);
            div.animate({'opacity': 'show'}, 'slow', function(){});
            
        });
    
    }else{
        height = div.height();
        Resize(height);
        div.animate({'opacity': 'show'}, 'slow', function(){});
    }
    
    currentPage = "images"; 
    
}

//reviews page
function setReviews(){
    
    Hide();
    var div = $("#div_reviews");
    var lbl = $("#lbl_reviews");
    
    //if(div.html() == ""){
    
        $.getJSON("Data.ashx", { "action": "HandsetContent", "content": "reviews", "handsetid": HandsetID, "Refresh": new Date().getTime() }, function(data){
                      
            var output = "";
            
            $.each(data, function(entryIndex, entry){
            
                output += "<div class='Review'>";
                    output += "<div class='Inner'>";
                        output += "<div class='Text'>" + entry["2"] + "</div>";                                                
                        output += "<div class='Footer'>";
                        
                            var score = entry["3"];
                            var i=1;
                            for (i=1;i<=10;i=i+1){
                                if(i<=score){
                                    output += "<img src='i/star-on.gif' alt=''/>";
                                }else{
                                    output += "<img src='i/star-off.gif' alt=''/>";
                                }
                            }

                            output += "<span>" + entry["0"] + ", " + entry["1"] + "</span>";
                        output += "</div>";
                    output += "</div>";
                output += "</div>";
                
            });
            
            if(output == ""){
                output = "<div class='Empty'>No reviews currently available.</div>";
            }
            
            lbl.html(output);
        
            height = div.height();
            Resize(height);
            div.animate({'opacity': 'show'}, 'slow', function(){});
            
        });
    
    //}
    
    var height = div.height();
    Resize(height);
    div.animate({'opacity': 'show'}, 'slow', function(){});
    
    currentPage = "reviews"; 
    
}


//show description as first page
function showDesc(){
}

//show compare as first page
function showCompare(){
}

//show images as first page
function showImages(){
    $('#div_summary').hide();
    $('#div_images').show();
    currentPage = "compare"; 
}