/*
    Document   : platformNav
    Created on : 03/08/2010, 16:08:11
    Author     : Nadav
    Description:
        Purpose of the js: code for platform navigation tabs and buttons.
*/

var PlatformNav =  {
	container: null,
        currentCategory: null, //binary options, binary builder, oneTouch
        currentAssetType: null, // top picks, stocks, currencies...
        platformMode: null, //fast, pro
        
        toolbar:{
           bottomBarIsOut: true, //bottom bar state
           hotTips:{totlLines: null,
                   currentLine: 1}
        },

        init: function(){
			PlatformNav.container = $('div.container');

			var platformNavPane = PlatformNav.container.find('div#platformNav');
			platformNavPane.find("ul.mainCategories li").click(this.onClickNavTabs);
			platformNavPane.find("div.assetTypes div.assetButton").click(this.onClickassetType);
			this.currentCategory = platformNavPane.find("ul.mainCategories li.selected:eq(0)").attr('id').split("_",2)[1];
			this.currentAssetType = platformNavPane.find("div.assetTypes div.selected:eq(0)").attr('id').split("_",2)[1];
			this.platformMode = AppData.platformMode;


			/*toolbar hot tips*/
			//total amout of lines = hotlistUl.height() / 20 (line height)
			PlatformNav.toolbar.hotTips.totalLines = (PlatformNav.container.find('#hotTipsUl').height() / 20);
			//get it height, and then hide it
			PlatformNav.container.find('#hotTipsUl').parent().addClass('hidden')
	 
			setInterval ( 'PlatformNav.hotTipScroll()', 5000 );

			//see if customer had a cookie stored preference for bottom bar
			if (iOkun.readCookie('bottomBarIsOut') == 'false') {
					PlatformNav.container.find("div#platformBottomBar").css('right', '-1033px');
			 }
			/*if( General.getCookie('bottomBarIsOut') == 'false'){
				  PlatformNav.container.find("div#platformBottomBar").css('right', '-1033px');
			}*/
			//bottom bar
			$("#platformBottomBar ul.tabs li").click(this.onClickBottomBarTabs);
			$("#platformBottomBar div.inOutControl").click(this.onClickinOutBottomBar);
			$("div#platformBottomBar a.academyBtn").click(PlatformNav.onClickAcadamy);
			// NOT THIS BUTTON $("div#platformBottomBar a.academyBtn").click(this.onClickinOutBottomBar);

			//PlatformNav.container.find('#topBarDemo').click(PlatformNav.onPlayDemoVideo);
			//PlatformNav.container.find('#topBarLearn').click(PlatformNav.onClickTopBarLearn);
			
			PlatformNav.container.find('#homePromoBanner input.closePromotion').click(PlatformNav.onClosePromotion);

		  //in no regular binary options, show one touch
		  if( !AppData.isBinaryOptions && AppData.isOneTouchOptions)
			  //needs a delay for stuff to load
			  setTimeout("$('#category_oneTouch').click()",1);
			  
	
		   //handle autoplay of demo after being redirected 
		  if(General.getURLParam('autoPlayDemo') != ''){
			  PlatformNav.handleAutoPlayDemo();
		  }
			
						   
	  },
		  
		onClickNavTabs: function(event){
            /* 
             * posibilities are: binaryOptions, optionsBuilder ,oneTouch
             */
            var platformNavPane = PlatformNav.container.find('div#platformNav');

            var newCategory = event.target.id.split("_",2)[1];//get the info we need from category_XXX format
            var oldCategory = PlatformNav.currentCategory;
            if (oldCategory == newCategory)
                    return

            //if a demo video is playing, remove it
            PlatformNav.demoVideoClose();
            
            PlatformNav.currentCategory = newCategory;
            //change image of tabs
            if (AppData.optionsBuilderEnabled)
                platformNavPane.removeClass(oldCategory +'_tab').addClass(newCategory +'_tab');
            else
                platformNavPane.removeClass(oldCategory +'_tab_old').addClass(newCategory +'_tab_old');
            
            platformNavPane.find("ul.mainCategories li.selected").removeClass('selected');
            platformNavPane.find("ul.mainCategories li#category_" + newCategory).addClass('selected');
           
            var topBar = PlatformNav.container.find('div#topPlatformBar');
            topBar.removeClass('topBar_' + oldCategory).addClass('topBar_' + newCategory)
                      .find('span.title').text(AppData.langHome[newCategory]);
           


             PlatformNav.noTradesMsg('hide');//hide no tradeable options availible message

            $('#' +oldCategory + 'Banner' ).hide();
            $('#' +newCategory + 'Banner' ).show();
            
			switch (oldCategory) {
				case 'binaryOptions':
					Home.showOptions('hide');
					break;
				case 'optionsBuilder':
					if (AppData.numberOfOptionBuilderAssets){
						PlatformNav.container.find('#optionsBuilderBoxMessage').hide();
						PlatformNav.container.find('#optionsBuilderBox').show();
					}
					else{
						PlatformNav.container.find('#optionsBuilderBoxMessage').show();
						PlatformNav.container.find('#optionsBuilderBox').hide();
					}
					
					platformNavPane.find('div.assetTypes').show();
					PlatformNav.container.find('#optionsList').show();
					break;
				case 'oneTouch':
					//pro removes the option, fast hides them
					platformNavPane.find('div.assetTypes').show();
					if(typeof OneTouch == 'object'){
					OneTouch.hideOptions();
				}
				break;
			}
			 
             switch (newCategory) /* newCategory = name of the clicked tab */
             {
                 case 'binaryOptions':
                   PlatformNav.container.find('#optionsBuilderBoxMessage').hide();
                   PlatformNav.container.find('#optionsBuilderBox').hide();

                   /* hide custom options and show regular options */
                   PlatformNav.container.find('#optionsList li.optionBox').addClass('hidden');
                   PlatformNav.container.find('#optionsList li.customOption').addClass('hidden');
                   PlatformNav.container.find('#optionsList li ul.actions *').show();
                   PlatformNav.container.find('#optionsList li.customOption').hide();

                   PlatformNav.container.find('div.platformModeSwitch').show();
                 
					if( AppData.isBinaryOptions) {//are there any option
						Home.showOptions();
					}
					else {
						PlatformNav.noTradesMsg();
					}
                                        
					break;
					
                case 'optionsBuilder':
					/* if this is the compact page then redirect to pro trader and click on options builder */
					if (AppData.platformMode == 'fast'){
						document.location = AppData.url + 'home/pro/builder';
						return;
					}
					
					PlatformNav.container.find('div.platformModeSwitch').hide();
								
					if (AppData.numberOfOptionBuilderAssets != 0){
						PlatformNav.container.find('#optionsBuilderBoxMessage').hide();
						PlatformNav.container.find('#optionsBuilderBox').show();
					}
					else {
						PlatformNav.container.find('#optionsBuilderBoxMessage').show();
						PlatformNav.container.find('#optionsBuilderBox').hide();
					}
					
					platformNavPane.find('div.assetTypes').hide();
					
					/* hide regular options and show custom options */
					PlatformNav.container.find('#optionsList li.singleProOption:not(.customOption)').hide().addClass('hidden');
					PlatformNav.container.find('#optionsList li.customOption:not(#customOptionTemplate)').removeClass('hidden').show();
					PlatformNav.container.find('#optionsList li.customOption ul.actions *').show();
					
					//Load the asset graph of the custom option
					OptionsBuilder.loadGraph();
					
					var customOptions = PlatformNav.container.find('#optionsList li.customOption');
					$.each(customOptions,function(index,element){
						Home.completeLoadingBoxList($(this));
					});
					
					break;
                case 'oneTouch':
                    /* hide options builder */
                    PlatformNav.container.find('#optionsBuilderBoxMessage').hide();
                    PlatformNav.container.find('#optionsBuilderBox').hide();

                   /* hide custom options and regular options */
                   PlatformNav.container.find('#optionsList li.customOption').hide();

                   PlatformNav.container.find('div.platformModeSwitch').show();

                 //pro removes the option, fast hides them
                 //show OT promo, hide regular promo. hide regular items
                 platformNavPane.find('div.assetTypes').hide();
                 	if( AppData.isOneTouchOptions){//are there any OT options           
                          OneTouch.onTabClick();
                    }
					else {//object not loaded, no OT options
                          PlatformNav.noTradesMsg();
					}
                  break;
             }
             //trigger 'how to trade' in sidebar
             PlatformNav.container.find('div.NavPanel div.how_to_trade ul li.'+newCategory).click();

             
            
        },
        onClickassetType: function(event){
            //relevant only for binary options
            if (PlatformNav.currentCategory != 'binaryOptions') return;

            var platformNavPane = PlatformNav.container.find('div#platformNav');
            var newAssetType = this.id.split("_",2)[1];//get the info we need from assetType_XXX format
            var oldAssetType = PlatformNav.currentAssetType;
            if (oldAssetType == newAssetType)
                    return

            PlatformNav.currentAssetType = newAssetType;

            //change images
            platformNavPane.find("div#assetType_"+oldAssetType).removeClass('selected');
            platformNavPane.find("div#assetType_"+newAssetType).addClass('selected');

			//change asset types - load options from specific
            Home.changeAssetType(newAssetType);
            
        },
        //functions for bottom bar
        onClickBottomBarTabs : function(event){
         var bottomBar = $("div#platformBottomBar");
         var oldItem = bottomBar.find("ul.tabs li.selected:eq(0)").attr('id').split("_",2)[1];
         var newItem = this.id.split("_",2)[1];
         if (oldItem == newItem) return

         bottomBar.find("ul.tabs li.selected:eq(0)").removeClass('selected');
         $(this).addClass('selected');
         //find the tab number and insert proper class for tabs image according to index number
         bottomBar.find('ul.tabs li').each(function(index){
             if(this.id.split("_",2)[1] == newItem ){
                 bottomBar.addClass('platformBottomBar_tab' + (index+1));

            }else if(this.id.split("_",2)[1] == oldItem )
                 bottomBar.removeClass('platformBottomBar_tab' + (index+1));
         })
         //hide other contents and make the right one visible
         bottomBar.find('div.displayPane div.'+ oldItem ).css('display','none');
         bottomBar.find('div.displayPane div.'+ newItem ).css('display','block');

        },
        onClickinOutBottomBar : function(event){
         var bottomBar = $("div#platformBottomBar");
         // PlatformNav.bottomBarIsOut keeps record of current state
         if(PlatformNav.toolbar.bottomBarIsOut){
             //pull in
              bottomBar.animate({right: -1033}, 'slow');
              PlatformNav.toolbar.bottomBarIsOut = false;
              bottomBar.find('div.inOutControl').attr('title','Click here to open');
         }else{
             //pull out
             bottomBar.animate({right: 0}, 'slow');
             PlatformNav.toolbar.bottomBarIsOut = true;
             bottomBar.find('div.inOutControl').attr('title','Click here to close');
         }
         //save selection to cookie
         document.cookie = "bottomBarIsOut =" + PlatformNav.toolbar.bottomBarIsOut ;
        },
		
        onClickTopBarLearn: function(){
            alert('Learn about ' + PlatformNav.currentCategory + ' on '+PlatformNav.platformMode +' trader')
        },
		
        noTradesMsg: function(action){
            if (action == 'hide')
             	PlatformNav.container.find('div#noTradingMessage').addClass('hidden');
            else
             	PlatformNav.container.find('div#noTradingMessage').removeClass('hidden');
        },
		
        onCloseSuggest: function(event){
		var saggestElem = $(event.target).parent().parent();

		saggestElem.animate({
				height:'0px'
            }, 1500, function(){$(this).css('display', 'none')});

	},

	onClosePromotion: function(event){
		var promotionElem = $(event.target).parent().parent();
		promotionElem.animate({
				height:'0px'
      	}, 1500 , function(){$("#homePromoBanner").remove();
                                Home.container.removeClass('promoBannerPresent');
                            });
               document.cookie = "promoBannerClosed = 1";
               // NOT RIGHT iOkun.createCookie('promoBannerClosed', '1');
	},
         onPlayDemoVideo: function(category){
          //plays only on home page and fast mode, otherwise redirect
          if (typeof category !== 'string')
              category = PlatformNav.currentCategory; //binaryOptions, optionsBuilder, oneTouch

        switch(category){
            case 'binaryOptions':
                if(PlatformNav.platformMode == 'fast'){
                    //problem, video made for pro, must redirect
                    General.redirect("home/pro", null, "autoPlayDemo=binaryOptions");
                    return; //dont continue function
                }
                var width = 760;
                var height = 600;
                var top = 50;
                var left = -72;
                break;
            case 'optionsBuilder':
                var width = 800;
                var height = 600;
                var top = 50;
                var left = -61;
                break;
            case 'oneTouch':
                if(PlatformNav.platformMode == 'pro'){
                    //problem, video made for fast, must redirect
                    General.redirect('home/fast', null, "autoPlayDemo=oneTouch")
                    return; //dont continue function
                }
                //just name sure its the right tab
                var width = 750;
                var height = 600;
                var top = 50;
                var left = -20;
                break;
        }
			

            //just name sure its the right tab
            $('#category_'+category).click();

          //languages other then english
          //if we dont have it, show english
          var languages = [,'ar', 'fr', 'de' , 'ru', 'tr'];
         if($.inArray(AppData.langId, languages) == -1){
             var videoLang = 'en';
         }else{
            var videoLang = AppData.langId;
         }

		var flashvars = false;

		var attributes = {};
		attributes.align = "middle";
		var params = {
			  wmode: "transparent",
			  loop: false,
			  menu: true
		}

                    $('<div/>').attr('id', 'demoVideo')
                       .html('<div id="demoVideoPlaceholder"></div>')
                        .appendTo('#platformNav');

         /*console.log("appProxy/demos/demoVideo_"+PlatformNav.currentCategory
                    +"_"+videoLang+".swf");*/
         $('ul#optionsList li').css('position', 'static');
         //scrollTo ul#optionlist so video is seen better
          $.scrollTo('#platformNav', 1000)
		 swfobject.embedSWF("appProxy/demos/demoVideo_"+PlatformNav.currentCategory
                    +"_"+videoLang+".swf",
                      "demoVideoPlaceholder", width, height, "9.0.0", "expressInstall.swf", flashvars, params, attributes);
                         
                  if(videoLang == 'ar')// arabic is RTL, turn in around
                      $('#demoVideo').css({top: top, right: left});
                  else
                      $('#demoVideo').css({top: top , left: left});
                  //$('#demoVideo').css('border','1px solid red');
         },
         demoVideoClose: function(){
            $('#demoVideo').remove();
            $('ul#optionsList li').css('position', 'relative');
        },
        /*
         * for the binary options demo video, this will simulate a click on
         * the PUT button of the first pro option box
         */
        demoAction_binaryOptionsClickPut: function(){
        	
            $('#Put_position_1').click();
        },
        handleAutoPlayDemo: function(){   
            var category = General.getURLParam('autoPlayDemo');
            if(! category) {alert('error');return}
          switch(category){
            case 'binaryOptions':
                //show a message
                General.jnotification({
            //TODO:message:  AppData.demoVideoIsLoading,
			message			 : 'Please wait, demo video is loading',
			msgType		     : 'success',
            time             :  10000
            });
                //delay to make sure its loaded
                setTimeout("PlatformNav.onPlayDemoVideo('binaryOptions')",10000);
                break;
            case 'optionsBuilder':
              ;
              break;
        case 'oneTouch':
            //delay need for options to load
                            //show a message
                General.jnotification({
            //TODO:message:  AppData.demoVideoIsLoading,
			message			 : 'Please wait, demo video is loading',
			msgType		     : 'success',
            time             :  4000
            });
            setTimeout("PlatformNav.onPlayDemoVideo('oneTouch')",400);
              break;
            }
        },
        onClickAcadamy: function(){
           //if not logged in, show message
           if( ! AppData.isLoggedIn){
                General.dialog('<p>'+AppData.langHome.mustBeRegisteredToViewEGuide+'</p>'+
                    '<p>'+AppData.langHome.registerToGetEGuide+'</p>',
                   AppData.lang.register,
                  {buttons: {
                            "Regsiter": function() {General.redirect('OpenAccount')},
                            "Decline": function(){$(this).dialog("destroy")}
                              }
                  });
                return false;
            }else{
                  General.dialog('<p>'+AppData.langHome.proudToPresentEGuide+'</p>','',
         {buttons: {
                            "Read": function() {$(this).dialog("destroy");
                                window.open('http://www.MinuteOption.com/stuff/MinuteOptionGuide.pdf')}
                              }
                  });
            }
        },
        /*
         * should give an effect of constant scrolling upwards
         */
        hotTipScroll: function(){
            if( ! PlatformNav.toolbar.bottomBarIsOut)
                return //save some resources...
            var hotTipsUl = PlatformNav.container.find('#hotTipsUl');
            if(PlatformNav.toolbar.hotTips.totalLines ==
                 PlatformNav.toolbar.hotTips.currentLine){
                     PlatformNav.toolbar.hotTips.currentLine = 1;
                     hotTipsUl.css('top', '20px');
                 }
              hotTipsUl.animate({
                  top: '-=20'
              }, 600);
        PlatformNav.toolbar.hotTips.currentLine++;
        }
}
$(document).ready(function() {
	PlatformNav.init();
});