var apphomepage = new appHomepage();
$(apphomepage.load);
function appHomepage()
{
    var me = this;
    this.load = function()
    {
        me.onSetBundle(21,$(".palette:first"));
        me.onSetBundle(4,$(".palette:eq(1)"));
        me.onSetBundle(6,$(".palette:eq(2)"));
        me.onSetBundle(1,$(".palette:last"));
        //Set hover effect for .wideButton buttons
        $(".wideButton").mouseover(function(){$(this).addClass("wideButtonHover");})
        $(".wideButton").mouseout(function(){$(this).removeClass("wideButtonHover");})


        //var oJason = {data:'jason={"req":"4","type":"2","bundle":"0"}',container:$("#btnEmptyPalette")}
        var o = new clsBundle();
        o.paletteID = "0";
        $("#btnEmptyPalette a:first").click(o.onGetIt);
        var su = new clsSignup();
        $("#getStartedButton").click(su.onSignup);
    }

    this.onSelectLoad = function()
    {
        $("#divDrop").find("select").css("width","200px");
    }
    this.onSelectChange = function()
    {
        me.onSetBundle($(this).val(),$(".hpBox:first"));

    }

    this.onSetBundle = function(bndlID,cont)
    {
        var oJason = {data:'jason={"req":"4","type":"2","bundle":"'+bndlID+'"}',container:cont}
        var o = new clsBundle(oJason);
    }
    this.onSelectChangeCallback = function(res)
    {
        $("#hpWide").html(res);
        $("#hpWide").find("table").show();        
    }//  bundle_id 	 title 	 icon_url 
}

function clsDropBox(oJason)
{
    var me = this;
    this.load = function()
    {
        $.ajax({type:'post',url:oJason.url,data:oJason.data,async:true,success:me.onPostCallback});
    }

    this.onPostCallback = function(res)
    {
        oJason.container.append($("<select/>"))
        oJason.container.find("select").change(oJason.onChange);
        $(res).find("tbody tr ").each(function(){oJason.container.find("select").append($("<option/>").attr("value",$(this).find("td:first").html()).html($(this).find("td:eq(1)").html()));})
        if(oJason.callback) oJason.callback();
    }
    me.load();
}

$(document).ready(function(){
    $("#appWeFiMap").cycle({
        fx: 'fade',
        timeout: 2000,
        sync: 1
    })
})


var oList = new clsSupportedList();
$(oList.load);
function clsSupportedList()
{
    var me = this;
    this.load = function()
    {
        $("#seeList").unbind("click");
        $("#seeList").click(me.onSeeList);
    }

    this.onSeeList = function()
    {
        messageBox.showDialog({path:"/homepage/app/list.html.php",callback:me.onSeeListCallback,title:"WeFiApps supported devices",width:470});
    }
}

$(function(){

    if( ($.browser.msie) && ($.browser.version == 6) )
    {
        $("#getStartedButton").mouseover(function(){$(this).attr("src","/homepage/app/images/join_now_hover_button.gif")}).mouseout(function(){$(this).attr("src","/homepage/app/images/join_now_button.gif")});
    } else {
        $("#getStartedButton").mouseover(function(){$(this).attr("src","/homepage/app/images/join_now_hover_button.png")}).mouseout(function(){$(this).attr("src","/homepage/app/images/join_now_button.png")});
    }
})