XFLOW_addLoadEvent(XFLOW_init);

   var count_all = new Array(0,1,2,3,4,5,6,7,9,10,11,12,13,14,15,16,17,18);
   var contents = new Array();
   var mycurrentPost=0;
   var api = "";
   var previous_pos = "";
   var globalangle = 30;
   var loadXscrol22 = false;
   var slide_array = new Array("welubook","ticktick_video","slide3","slide4","slide5")
   function resetStyles(){
        for(var i=0;i<count_all.length;i++){
            var manage_id = '#indi_'+i;
            if(i==0){
                $(manage_id).removeClass('off');
                $(manage_id).addClass('on');
            }else{
                $(manage_id).removeClass('on');
                $(manage_id).addClass('off');
            }
        }
   }
   function showExtra(id){
    
		//extraextra
		$('.slide').hide();
		var currentBrand = "#brands"+id;
        $('.extraextra').html($(currentBrand).html());
        $('.extraextra').show();
        
	}
   function setStyles(pos){
        for(var i=0;i<count_all.length;i++){
            var manage_id = '#indi_'+i;
            
            if(i==pos){
                $(manage_id).removeClass('off');
                $(manage_id).addClass('on');
            }else{
                $(manage_id).removeClass('on');
                $(manage_id).addClass('off');
            }
        }     
   }
   function manageContent(posi){
    
          if(posi<7){
               api.seekTo(0);
          }else if(posi >= 7){
               api.seekTo(1);
          }
          if(posi == 0){
               //slideDown('slow'
               $('#sub_menu_ul').slideDown('slow');
          }else{
               if($('#sub_menu_ul').is(":visible"))$('#sub_menu_ul').slideUp('slow');
          }
          
          var newId = "#veevee"+posi;
          var content_new = $(newId).html();
        $('#dynaContainer').html(content_new);
        setStyles(posi);
        
    }
     function loadSubMenuContent(dyna){     
          var newId = "#veevee"+dyna;
          var content_new = $(newId).html();
          $('#dynaContainer').html(content_new);
          loadVideo2(dyna);
          if(dyna == 16 ){               
               loadXflow();
          }
          if(dyna == 9){
               loadPdf(9);
               $('#nextone').hide();
          }
     }
     function loadXflow(){
          document.getElementById('clock').style.display ='none';
          $(document).ready(function(){
               XFLOW_init();  
          });
          
          //filename="./js/xflow.js";
          //var fileref=document.createElement('script')
          //  fileref.setAttribute("type","text/javascript")
          //  fileref.setAttribute("src", filename)

          //$(newId).load('./js/xflow.js', function() {
          //
          //});
        /*  $(newId).load('./js/xflow_global.js', function() {
            alert('Load Global performed.');
          });
          $(newId).load('./js/xflow_global.js', function() {
            alert('Load Global performed.');
          });*/
          
          //$('#xflow').addClass('xflow_imagebg');          
     }
     
     $(document).ready(function(){
          var video_details = $("#slide9").html();
          //alert(video_details);
          $("#slide9").html(video_details);
          
          $('#pdf_display').hide();
          preloadImages();
          //preloadTemplateImages();
          $(".scrollable").scrollable();
          api = $("#scroller").data("scrollable");
          //$('#myGallery').spacegallery({loadingClass: 'loading'});
         resetStyles();
         var currentPosition = 0;
         var slideWidth = 300;
         var slides = $('.slide');
         var numberOfSlides = slides.length;
         //alert(numberOfSlides);
          function goforward(){
              
               $('.slide').show();
               $('.extraextra').hide();
              currentPosition = currentPosition+1 ;
              manageControls(currentPosition);
              if(currentPosition ==9){
                 
              }else{
               $('#slideInner').animate({
                 'marginLeft' : slideWidth*(-currentPosition)
               });
              }
              flvFix(currentPosition-1);
          }
          
          $('#slidesContainer').css('overflow', 'hidden');
          slides.wrapAll('<div id="slideInner"></div>').css({'float' : 'left','width' : slideWidth});
          $('#slideInner').css('width', slideWidth * numberOfSlides);
          manageControls(currentPosition);
          $('#backer').bind('click', backward);
          
          function flvFix(index){
               var current = slide_array[index];
               var grabingId = "#"+current;
               var tempHtml = $(grabingId).html();
               $(grabingId).html("");
               $(grabingId).html(tempHtml);
          }
          
          function backward(){
               $('.slide').show();
               $('.extraextra').hide();
               currentPosition =  currentPosition-1;
                    manageControls(currentPosition);
                    $('#slideInner').animate({
                      'marginLeft' : slideWidth*(-currentPosition)
                    });
               flvFix(currentPosition+1);
          }
          
          $('#nextone').bind('click', goforward);
          function manageControls(position){
               
               mycurrentPost = position;
               manageContent(position);
               if(position == 4){
                    $('#mg4').html('<div id="myGallery" class="spacegallery"><img src="images/screens/6.jpg" class="5" alt=""  /><img src="images/screens/5.jpg" class="4" alt=""  /><img src="images/screens/4.jpg" class="3" alt=""  /><img src="images/screens/3.jpg" class="2"  alt=""  /><img src="images/screens/2.jpg" class="1"   alt=""  /><img src="images/screens/1.jpg" class="0" alt=""  /></div>');
                    $('#myGallery').spacegallery({loadingClass: 'loading'});
               }else{
                    $('#mg4').html('');
               }
               if(position == 5){
                    $('#mg5').html('<div id="myGallery" class="spacegallery"><img src="images/screens/6.jpg" class="5" alt=""  /><img src="images/screens/5.jpg" class="4" alt=""  /><img src="images/screens/4.jpg" class="3" alt=""  /><img src="images/screens/3.jpg" class="2"  alt=""  /><img src="images/screens/2.jpg" class="1"   alt=""  /><img src="images/screens/1.jpg" class="0" alt=""  /></div>');
                    $('#myGallery').spacegallery({loadingClass: 'loading'});
               }else{
                    $('#mg5').html('');
               }
               if(position == 1){
                    $('#clock').show();
                    $('#ticktick_holder').show();
                    ticktickagent(30);             
               }else{
                    $('#clock').hide();
                    $('#ticktick_holder').html("");
                    $('#ticktick_content').hide();
                    $('#ticktick_holder').hide();
                    //$('#mg7').html('');
               }
               
               if(position==0){ $('#backer').hide();lodaMainData(); } else{ $('#backer').show() }
               if(position== numberOfSlides){ $('#nextone').hide() } else{ $('#nextone').show() }
               if(position == 9){
                    loadPdf(9);
                    $('#nextone').hide();
               }
          }
         for(var i=0;i<count_all.length;i++){
               var sub_in = "#indi_"+i;
               $(sub_in).bind('click',{'current': i},newPos);
         }
         
          function neutralizeBomb(){
               for(var i=0;i<timebomb.length;i++){
                    clearTimeout(timebomb[i]);
               }
          }
          function newPos(posit){
               
               neutralizeBomb();
               posit = posit.data.current;
               
               
               if(currentPosition>posit){
                    currentPosition = posit+1;
                    backward();
               }else{
                    currentPosition = posit-1;
                    goforward();
               }
          }
          $("#pageflip").hover(function() {
             $("#pageflip img , .msg_block").stop()
                 .animate({
                     width: '196px', 
                     height: '204px'
                 }, 500); 
             } , function() {
             $("#pageflip img").stop() 
                 .animate({
                     width: '28px', 
                     height: '30px'
                 }, 200);
             $(".msg_block").stop() 
                 .animate({
                     width: '28px', 
                     height: '28px'
                 }, 200);
             });
     });

 $(document).ready(function() {

            $(".signin").click(function(e) {          
				e.preventDefault();
                $("fieldset#signin_menu").toggle();
				$(".signin").toggleClass("menu-open");
            });
			
			$("fieldset#signin_menu").mouseup(function() {
				return false
			});
			$(document).mouseup(function(e) {
				if($(e.target).parent("a.signin").length==0) {
					$(".signin").removeClass("menu-open");
					$("fieldset#signin_menu").hide();
				}
			});			
			
        });
     function ticktickagent(angleinc_passed){
          globalangle = angleinc_passed;
          $('#ticktick_holder').html("");
          var r = Raphael("ticktick_holder",288, 285);
          
          var angle = 0;
          var count = 0;
          while (angle < 360) {
               var color = Raphael.getColor();
               (function (a, c) {
               
                    r.circle(170, 210, 17).attr({stroke: c,title:count, fill: c, rotation: a + " 167 135", "fill-opacity": .4}).click(function () {
                      previous_pos = this.attr().title;
                      s.animate({rotation: a + " 167 135", stroke: c}, 2000, "bounce");
                      p.animate({rotation: a + " 167 135"}, 2000, "bounce");
                        loadVideo(previous_pos);
                    }).mouseover(function () {
                        this.animate({"fill-opacity": .75}, 500);
                        showDetails(this.attr().title);
                    }).mouseout(function () {
                        this.animate({"fill-opacity": .4}, 500);
                        resetDetails();
                    });
              })(angle, color);
               if(globalangle == 60)
               {
                    angle += 60;
                    count+= 2;     
               }
               else{
                    angle += 30;
                    count++;      
               }
              
          }
          Raphael.getColor.reset();
          var s = r.set();
          var p = r.set();
           //s.push(r.path("M170,115c-25,0,0,0,0,89").attr({fill: "none", "stroke-width": 2}));
          p.push(r.path("M169,130c-0,0,0,0,0,64").attr({fill: "none", "stroke-width": 2}));
          s.push(r.circle(170, 210, 17).attr({fill: "none", "stroke-width": 2}));
          //p.push(r.circle(167, 120, 5).attr({fill: "none", "stroke-width": 10,stroke:{stroke:"black"}}));
          s.attr({stroke: Raphael.getColor()});
          showDetails(0);
     }
     

     function raphswitch(mode){
          var previous = "";
          var angleinc_passed = 30;
          if(mode == 1){
               var pre_elem = "#raphset2";
               var element = "#raphset1";
               $(pre_elem).removeClass('client_select');
               $(element).addClass('user_select');
               
          }else{
               angleinc_passed = 60;
               var pre_elem = "#raphset1";
               var element = "#raphset2";
               $(pre_elem).removeClass('user_select');
               $(element).addClass('client_select');
          }
          ticktickagent(angleinc_passed);
     }
     function showDetails(position){
          position++;
          if(globalangle == 60){
               if(position%2 == 0){
                    position--;
               }
          }
          $('#ticktick_content').show();
          var mainstring = "";
          if(globalangle != 60){
              mainstring = "User"; 
          }else{
              mainstring = "Client";
          }
          if(globalangle == 60){
               var details = $("#avdtailc"+position).html();
          }
          else{
               var details = $("#avdtail"+position).html();     
          }
          
          
          $('#ticktick_content_sub').html(details);
          //var message = mainstring+"---> The message is "+position;
          //$('#ticktick_content_sub').html(message);
     }
     function resetDetails(){
          showDetails(previous_pos);
     }
     function loadVideo(position){
          position++;
          var video_details = $("#ticts_video"+position).html();
          $("#ticktick_video").html(video_details);
     }
     function loadVideo2(position){
          //alert(position)
          var video_details = $("#submenu_video"+position).html();
          //alert(video_details);
          $("#welubook").html(video_details);
     }
     function loadPdf(position){
          //alert(position)
          var video_details = $("#submenu_video"+position).html();
          //alert(video_details);
          $("#slide9").html(video_details);
     }
     function loadVideo3(position){
          
          var video_details = $("#slide3_holder"+position).html();
          //alert(video_details);
          $("#slide3").html(video_details);
     }
     function lodaMainData(){
          var welubook = $("#welubookbkp").html()
          $("#welubook").html(welubook);
     }
     function preloadImages(){
          
          var preloading_images = new Array("./images/screens/1.jpg","./images/screens/2.jpg","./images/screens/3.jpg","./images/screens/4.jpg","./images/screens/5.jpg","./images/bgs/book.png","./images/bgs/connect.png","./images/bgs/experience.png","./images/bgs/market.png","./images/bgs/meet.png","./images/bgs/online.png","./images/bgs/profit.png","./images/bgs/sell.png","./images/bgs/welcome.png");
          for(var i=0;i<preloading_images.length;i++){
               var preImg = "loadingImage"+i;
               preImg = new Image();
               preImg.src = preloading_images[i];
              
          }
          
     }
     function preloadTemplateImages(){
          
          var preloading_images = new Array("./galleries/thumbs/template1.jpg","./galleries/thumbs/template2.jpg","./galleries/thumbs/template3.jpg","./galleries/thumbs/template4.jpg","./galleries/thumbs/template5.jpg","./galleries/thumbs/template6.jpg","./galleries/thumbs/template7.jpg","./galleries/thumbs/template8.jpg","./galleries/thumbs/template9.jpg","./galleries/thumbs/template10.jpg","./galleries/thumbs/template11.jpg","./galleries/thumbs/template12.jpg");
          for(var i=0;i<preloading_images.length;i++){
               var preImg = "loadingImage"+i;
               preImg = new Image();
               preImg.src = preloading_images[i];
          }
     }
     
     
     function validateEmail(elementValue){  
         var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;  
         return emailPattern.test(elementValue);  
     }  
     
     var requiredError2 = new Array("Please fill business name","Please fill business phone","Please fill street address","Please fill city name","Please fill state name", "Please fill zip code");
     var requiredError3 = new Array("Please fill business name","Please fill business phone","Please fill street address","Please fill city name","Please fill state name", "Please fill zip code","Please fill first name","Please fill last name","Please fill valid email address");

     
     function wizardManager(id){
          
          if(id=="2"){
          
               var required= new Array("bName","bPhone","address","city","state","zip");
               
               var errIndex=0;
               var focusIndex=0;
               for(i=0;i<required.length;i++){
                    
                    
                    if(($("#"+required[i]).val()=="") ||($("#"+required[i]).val()==requiredError2[i])){
                                
                         $("#"+required[i]).addClass('errorBox'); //change color
                         $("#"+required[i]).val(requiredError2[i]); //display messages
                    
                         errIndex=errIndex+1;
                         
                         if(errIndex==1){
                              
                              focusIndex=i; //for focussing first blank text box
                         }
                    
                    }
                    else{
                         
                          $("#"+required[i]).addClass('txtBox');
                    }
                               
               }
               
               if(errIndex>0){
                    
                    //$("#"+required[focusIndex]).focus();
                    return false;
                    
               }
          }
          
          
          if(id=="3"){
          

               var required= new Array("bName","bPhone","address","city","state","zip","firstName","lastName","email");
               var errIndex=0;
               var focusIndex=0;
               for(var i=0;i<required.length;i++){
                    
                                
                     if(($("#"+required[i]).val()=="") ||($("#"+required[i]).val()==requiredError3[i])){
                                
                         $("#"+required[i]).addClass('errorBox');
                         $("#"+required[i]).val(requiredError3[i]); //display messages
                         //$("#"+required[i]).focus();
                         
                         errIndex=errIndex+1;
                         
                         if(errIndex==1){
                              
                              focusIndex=i; //for focussing first blank text box
                         }
                         
                    }
                    else{
                         
                         
                         if(required[i]=="email"){
                              
                                if(!validateEmail($("#"+required[i]).val())){
                                   errIndex=errIndex+1;
                    
                                   if(errIndex==1){
                                        
                                        focusIndex=i; //for focussing first blank text box
                                   }
                                   $("#"+required[i]).addClass('errorBox');
                                   $("#"+required[i]).val(requiredError3[i]);
                                }
                         }
                         
                          $("#"+required[i]).addClass('txtBox');
                    }
                               
               }
               
               if(errIndex>0){
                    
                    //$("#"+required[focusIndex]).focus();
                    return false;
                    
               }
               
              
          }
          
              
          for(var i=1;i<=4;i++){
               var wid = "#wizardid"+i;
               $(wid).hide();
          }
          wid = "#wizardid"+id;
         
          $(wid).show();
          if(id == 3 && !loadXscrol22){
               loadXscrol22 = true;
               loadXflow();
          }
          
          return true;
          
     }



     function removeError2(elementId){
                    
          $('#'+elementId).removeClass('errorBox');
          $('#'+elementId).addClass('txtBox');
                   
          for(var i=0;i<requiredError2.length;i++){
              // alert(requiredError2[i]);
              if($('#'+elementId).val()== requiredError2[i]){
               
                    $('#'+elementId).val("");
              }
               
          }
          
      
     }
     
     function removeError3(elementId){
                    
          $('#'+elementId).removeClass('errorBox');
          $('#'+elementId).addClass('txtBox');
          
          for(var i=0;i<requiredError3.length;i++){
              
              if($('#'+elementId).val()== requiredError3[i]){
               
                    $('#'+elementId).val("");
              }
               
          }
      
     }
     var firstName="";
     function submitRegistration(){
                 
         var businessName =   $("#bName").val();
         var businessPhone=   $("#bPhone").val();
         var streeAddress=    $("#address").val();
         var city        =    $("#city").val();
         var state       =    $("#state").val();
         var zip         =    $("#zip").val();
         var businessType=    $("#bType").val();
               firstName =    $("#firstName").val();
         var lastName    =    $("#lastName").val();
         var email       =    $("#email").val();
         var howUbook    =    $("#howUbook").val();
         var promoCode   =    $("#pCode").val();
         var templateId  =    $("#hd_template").val();
         

          $.ajax({
          type: 'POST',
          dataType: 'json',
          url: 'registration.php',
          data:{txt_bisname:businessName,
               txt_bisphone:businessPhone,
               txt_bisaddr:streeAddress,
               txt_city:city,
               txt_state:state,
               txt_zip:zip,
               sel_bistype:businessType,
               txt_fname:firstName,
               txt_lname:lastName,
               txt_email:email,
               sel_referer:howUbook,
               txt_promocode:promoCode,
               templateId:templateId,
               rnd:Math.random()
               
               },
          success: regResponse,
          beforeSend: reqStart,
          complete: reqComplete

          });
          
                    
     }
     
     function regResponse(data,status){
  
           
        var reg_status = data['reg_status'];
        var folder_name= data['folder_name'];
        var error_msg  = data['error_msg'];
             
          if(reg_status=="Success"){
               //$(window.location).attr('href', 'congrats.php?id='+firstName);
                            
               $("a[href='/userweb']").attr('href',folder_name);
               
               var content_new = $("#veevee10").html();
               $('#dynaContainer').html(content_new);
               
               //for resetting temp gallery. otherwise it wont display after registration process
               loadXscrol22=false;
              
               
          }else{
              $("#dialog").dialog({ autoOpen: false })
              $("#dialog").html(error_msg);
              $("#dialog").dialog('open');
              wizardManager(1);
              //loadXscrol22=false;
          }
         
         
         
         
         
         
          /*if(jQuery.trim(data)=="Success"){
               //$(window.location).attr('href', 'congrats.php?id='+firstName);
               firstName      =    firstName.replace(/ /g,'');//remove space
               firstName      =    firstName.toLowerCase(); //make lowercase
               
               $("a[href='/userweb']").attr('href', '../ubook-server/'+firstName);
               
               var content_new = $("#veevee10").html();
               $('#dynaContainer').html(content_new);
               
               //for resetting temp gallery. otherwise it wont display after registration process
               loadXscrol22=false;
               firstName=""; //reseting variable
               
          }else{
              $("#dialog").dialog({ autoOpen: false })
              $("#dialog").html(data);
              $("#dialog").dialog('open');
              wizardManager(2);
          }
          */

          
     }
     
     function reqStart(){
          
         $('#reg_loading').show();
          
          
     }
     
     function reqComplete(){
          
          $('#reg_loading').hide();
          
          
     }