var paging = 1;
var maxPaging = 2;

//~HORIZONTAL ACCORDION
var lastBlock;
var maxWidth = 855; //750+35
var minWidth = 35;
var bannerClick = false;
var firstTime = false;

function bannerFirstTime() {
    if(firstTime==false){
        firstTime=true;
        lastBlock = $j("#aa");
        apMenuManual("aa");
    }
}

function bannerAccordion() {$j(document).ready(function(){
    lastBlock = $j("#aa");
//    $j("#appstore-banner-wrap ul li a").each(function(){
//        $j(this)
//        .bind("click",function(){
//            if(!false){
//                bannerFirstTime();
//                bannerClick=true;
//                $j(lastBlock).animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
//                $j(this).animate({width: maxWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500, complete:function(){bannerClick=false;} });
                
                /*
                if((this.id!="aa") && (lastBlock.id!="aa") ){$j("#aa").css("width", minWidth+"px");}
                else if((this.id!="a1") && (lastBlock.id!="a1") ){$j("#a1").css("width", minWidth+"px");}
                else if((this.id!="a2") && (lastBlock.id!="a2") ){$j("#a2").css("width", minWidth+"px");}
                else if((this.id!="a3") && (lastBlock.id!="a3") ){$j("#a3").css("width", minWidth+"px");$j("#a3 img").css("width", minWidth+"px");}
                
                if(this.id=="a1"){
                    $j("#a2").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a3").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a4").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a5").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                }
                else if(this.id=="a2"){
                    $j("#a3").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a4").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a5").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                }
                else if(this.id=="a3"){
                    $j("#a4").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a5").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                }
                else if(this.id=="a4"){
                    $j("#a2").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                    $j("#a5").animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
                }*/
                
//                lastBlock = this;
//                apMenuHover(this.id);
//            }
//        });
//    });
});}

var apMenuId = "aa";
function apMenuHover(id)
{$j(document).ready(function(){
    $j("#appstore-banner").removeClass(apMenuId).addClass(id);
    apMenuId = id;
});}

function apMenuManual(id)
{$j(document).ready(function(){
    debugTime(true,"apMenuManual("+id+")");
//    if(!false){
        bannerFirstTime();
        if(id=="aa"){$j("#sel-category").val("");}
        else if(id=="a1"){$j("#sel-category").val("2");}
        else if(id=="a2"){$j("#sel-category").val("3");}
        else if(id=="a3"){$j("#sel-category").val("1");}
//        else if(id=="a4"){$j("#sel-category").val("4");}
//        else if(id=="a5"){$j("#sel-category").val("5");}  
  
        bannerClick=true;
        var nowBlock = $j("#"+id);
//        $j("#aa").css("width", minWidth+"px");
//        $j("#a1").css("width", minWidth+"px");
//        $j("#a2").css("width", minWidth+"px");
//        $j("#a3").css("width", minWidth+"px");
//        $j(nowBlock).css("width", maxWidth+"px");
        $j(lastBlock).animate({width: minWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500 });
        $j(nowBlock).animate({width: maxWidth+"px"}, { queue:false, easing:'easeOutCubic', duration:1500, complete:function(){bannerClick=false;} });
        JS_ShowProduct();
        lastBlock = $j("#"+id);
        apMenuHover(id);
        
        bannerClick=false;
//    }
    debugTime(false,"apMenuManual("+id+")");
});}
//~END


var pdNavId = "p01";
function pdNavClick(id)
{$j(document).ready(function(){
    $j("#pd-content-main").removeClass(pdNavId);
    $j("#pd-content-main").addClass(id);
    pdNavId = id;
});}

var pdInNavId = "t01";
function pdInNavClick(id)
{$j(document).ready(function(){
    $j("#in-nav-wrap").removeClass(pdInNavId).addClass(id);
    $j("#in-nav-content").removeClass(pdInNavId).addClass(id);
    pdInNavId = id;
});}


//~APPSTORE CLOUD MOTION EVENT
// mouseover for appstore cloud item
var apItemId = "item01";

function initAppStore() {$j(document).ready(function(){
    debugTime(true,"initAppStore()");
    
    //bannerAccordion();
    var totalItem = 0;
    $j("#as-scroll-main .as-view1 .as-sc-box-outer").each(function(){
        totalItem += 1;
        $j(this)
        .bind("mouseenter",function(){
            apItemHover2(this);
        })
        .bind("mouseleave",function(){
            apItemOut2(this);
        });
    });
    
    var id = 0;
    $j("#sub-tabs div a").attr("onclick","");
    $j("#sub-tabs div a:first-child").each(function(){
        
        if(id==0){
            $j(this).attr("href","javascript:apMenuManual(\'aa\');");
            $j(this).attr("onclick","");
            id+=1;
        }
        else {
            $j(this).attr("href","javascript:apMenuManual(\'a"+id+"\');");
            $j(this).attr("onclick","");
        }
        if( $j(this).hasClass("tab-item") ) {   
            id+=1;
        }
        
    });
    $j("#as-nav-left-page").html("-");
    $j("#as-nav-right-page").html("-");
    
    if(totalItem <= 8){maxPaging=1;}
    else if(totalItem <= 16){
        maxPaging=2;
        $j("#as-nav-right-page").html("2");
    }
    else if(totalItem <= 24){
        maxPaging=3;
        $j("#as-scroll-main .page3").css("left","886px");
        $j("#as-nav-right-page").html("2");
    }
    else if(totalItem <= 32){
        maxPaging=4;
        $j("#as-scroll-main .page3").css("left","886px");
        $j("#as-scroll-main .page4").css("left","886px");
        $j("#as-nav-right-page").html("2");
    }
    else if(totalItem <= 40){
        maxPaging=5;
        $j("#as-scroll-main .page3").css("left","886px");
        $j("#as-scroll-main .page4").css("left","886px");
        $j("#as-scroll-main .page5").css("left","886px");
        $j("#as-nav-right-page").html("2");
    }
    $j("#as-nav-current-page").html("1");
    $j("#as-nav-total-page").html(maxPaging);
    
    debugTime(false,"initAppStore()");
});}

function apItemHover(id){}
function apItemHover2(id)
{$j(document).ready(function(){
    debugTime(true,"apItemHover("+id.id+")");
    //$j("#"+id.id + "-popup").css("top","-145px");
        $j("#"+id.id + "-popup")
            .stop().css("top","-10px")
            .show()
            .css("z-index","200")
            .animate({top: "-135px","opacity": "1"}, { queue:false, easing:'easeOutQuint', duration:800 });
        $j("#"+id.id + "-popup-bg")
            .stop().css("top","-10px")
            .show()
            .css("z-index","102")
            .animate({top: "-135px","opacity": "1"}, { queue:false, easing:'easeOutQuint', duration:800 });
        $j("#"+id.id + "-popup-bg-1")
            .stop().css("top","40px")
            .show()
            .css("z-index","100")
            .animate({top: "30px","opacity": "1"}, { queue:false, easing:'easeOutQuint', duration:800 });
        $j("#"+id.id + "-popup-bg-2")
            .stop().css("top","35px")
            .show()
            .css("z-index","101")
            .animate({top: "-07px","opacity": "1"}, { queue:false, easing:'easeOutQuint', duration:800 });
        $j("#"+id.id).addClass('selected');
        $j("#as-scroll-content").addClass('onover');
        apItemId = id.id;

    debugTime(false,"apItemHover("+id.id+")");
});}

// mouseout for appstore cloud item
function apItemOut(id) {}
function apItemOut2(id)
{$j(document).ready(function(){
    debugTime(true,"apItemOut("+id.id+")");
        $j("#"+id.id + "-popup").animate({top: "-155px","opacity": "0"}, {queue:false, duration:300, complete:function(){apItemHide(id.id)} });
        $j("#"+id.id + "-popup-bg").animate({top: "-155px","opacity": "0"}, {queue:false, duration:300, complete:function(){apItemHide(id.id)} });
        $j("#"+id.id + "-popup-bg-1").animate({top: "10px","opacity": "0"}, {queue:false, duration:300, complete:function(){apItemHide(id.id)} });
        $j("#"+id.id + "-popup-bg-2").animate({top: "-27px","opacity": "0"}, {queue:false, duration:300, complete:function(){apItemHide(id.id)} }); 
//    $j("#"+id.id + "-popup").animate({top: "-10px","opacity": "0"}, {queue:false, duration:400, complete:function(){$j("#"+id.id + "-popup").css("display","none")} });
//    $j("#"+id.id + "-popup-bg").animate({top: "-10px","opacity": "0"}, {queue:false, duration:400, complete:function(){$j("#"+id.id + "-popup").css("display","none")} });
//    $j("#"+id.id + "-popup-bg-1").animate({top: "40px","opacity": "0"}, {queue:false, duration:400, complete:function(){$j("#"+id.id + "-popup").css("display","none")} });
//    $j("#"+id.id + "-popup-bg-2").animate({top: "35px","opacity": "0"}, {queue:false, duration:400, complete:function(){$j("#"+id.id + "-popup").css("display","none")} });   
        $j("#"+id.id).removeClass('selected');
        $j("#as-scroll-content").removeClass('onover');
        apItemId = id.id;
    debugTime(false,"apItemOut("+id.id+")");
});}

function apItemHoverPopup(id)
{$j(document).ready(function(){
    $j("#"+id.id + "-popup").animate({top: "-250px","opacity": "0"}, { queue:false, duration:300 });
    $j("#"+id.id).removeClass('selected');
    $j("#as-scroll-content").removeClass('onover');
    apItemId = id.id;
});}

function apItemHide(id)
{$j(document).ready(function(){
    $j("#"+id + "-popup").css("display","none");
    $j("#"+id + "-popup-bg").css("display","none");
    $j("#"+id + "-popup-bg-1").css("display","none");
    $j("#"+id + "-popup-bg-2").css("display","none");
});}
//~END

var onView1=true;
function changeView()
{$j(document).ready(function(){
    if(onView1==false)
    {
        $j("#as-viewtype").removeClass("view2");
        $j("#as-scroll-main").removeClass("store2");
        $j("#as-scroll-main").addClass("store1");
        onView1=true;
    }
    else {
        $j("#as-viewtype").addClass("view2");
        $j("#as-scroll-main").removeClass("store1");
        $j("#as-scroll-main").addClass("store2");
        onView1=false;
    }
});}

var scrollClick = false;
$j(document).ready(function(){
    $j("#s-nav-right").click(function(){
        if((paging < maxPaging)&&(onView1)&&(!scrollClick)){
            scrollClick=true;
            var o_page = paging;
            //$j(".scroll-content").animate({"left": "-=886px"}, "normal");
            //$j("#as-scroll-main").css("overflow","hidden");
            $j(".as-view1").css("overflow","hidden");
            //$j(".page"+paging).css("z-index","-1");
            $j(".page"+paging).animate({"left": "-=886px"}, { duration:700, easing:'easeOutQuint',complete:function(){$j(".page"+o_page).hide();} });
            //deTemp=setTimeout("deActivateStore("+paging+")",500);
            
            $j("#as-nav-left-page").html(paging);
            paging=paging+1;
            $j("#as-nav-current-page").html(paging);
            if(paging < maxPaging){$j("#as-nav-right-page").html(paging+1);}
            else{$j("#as-nav-right-page").html("-");}
            
            
            $j(".page"+paging).show();
            $j(".page"+paging).animate({"left": "-=886px"}, { duration:700, easing:'easeOutQuint',complete:function(){reActivateStore(paging);} });
            //reTemp=setTimeout("reActivateStore("+paging+")",500);
        }
    });

    $j("#s-nav-left").click(function(){
        if((paging > 1)&&(onView1)&&(!scrollClick)){
            scrollClick=true;
            var o_page = paging;
            //$j("#as-scroll-main").css("overflow","hidden");
            $j(".as-view1").css("overflow","hidden");
            //$j(".page"+paging).css("z-index","-1");
            $j(".page"+paging).animate({"left": "+=886px"}, { duration:700, easing:'easeOutQuint',complete:function(){$j(".page"+o_page).hide();} });
            //deTemp=setTimeout("deActivateStore("+paging+")",500);
            
            $j("#as-nav-right-page").html(paging);
            paging=paging-1;
            $j("#as-nav-current-page").html(paging);
            if(paging > 1){$j("#as-nav-left-page").html(paging-1);}
            else{$j("#as-nav-left-page").html("-");}
            
            $j(".page"+paging).show();
            $j(".page"+paging).animate({"left": "+=886px"}, { duration:700, easing:'easeOutQuint',complete:function(){reActivateStore(paging);} });
            //$j(".page"+paging).css("overflow","visible");
            //reTemp=setTimeout("reActivateStore("+paging+")",500);
        }
    });
});

function reActivateStore(paging)
{$j(document).ready(function(){
    $j(".page"+paging).css("z-index","10");
    //$j("#as-scroll-main").css("overflow","visible");
    $j(".as-view1").css("overflow","visible");
    scrollClick=false;
});}
function deActivateStore(paging)
{$j(document).ready(function(){
    $j(".page"+paging).hide();
});}

function expandSelect(intSize,id)
{$j(document).ready(function(){
	document.getElementById(id).size=intSize;
	if(intSize==1){
	    //$j("#"+id.id).css("z-index","-1");
	    //$j(".as-selection-wrap").css("overflow","hidden");
	    //$j(".as-selection-wrap").css("z-index","0");
	    //$j("#as-scroll-main").css("overflow","visible");
	    $j("#as-scroll-content").addClass('onover');
	}
	else {
	    //$j("#"+id.id).css("z-index","50");
	    //$j(".as-selection-wrap").css("overflow","visible");
	    //$j(".as-selection-wrap").css("z-index","300");
	    //$j("#as-scroll-main").css("overflow","hidden");
	    $j("#as-scroll-content").removeClass('onover');
	}
});}
function onSelectbox(id)
{$j(document).ready(function(){
    //document.getElementById(id).focus();
    $j("#as-scroll-content").addClass('onover');
});}

//======================================================================
var soundEmbed = null;
//======================================================================
function soundPlay()
{
if (!soundEmbed)
    {
    soundEmbed = document.createElement("embed");
    soundEmbed.setAttribute("src", "http://nexwave.wanghe.sg/files/cloud-sound.wav");
    soundEmbed.setAttribute("hidden", true);
    soundEmbed.setAttribute("autostart", true);
    }
else
    {
    document.body.removeChild(soundEmbed);
    soundEmbed.removed = true;
    soundEmbed = null;
    soundEmbed = document.createElement("embed");
    soundEmbed.setAttribute("src", "http://nexwave.wanghe.sg/files/cloud-sound.wav");
    soundEmbed.setAttribute("hidden", true);
    soundEmbed.setAttribute("autostart", true);
    }
soundEmbed.removed = false;
document.body.appendChild(soundEmbed);
}