// JavaScript Document
function selectAll(theField) {
  var textArea=eval("document."+theField)
  textArea.focus()
  textArea.select()
}

function formSubmitChanger(choice) {

   switch (choice) {
   case 1:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodCelebrities', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true";
         document.getElementById('hidFrmName').value = "BuzzhollywoodCelebrities";
         break;    
   case 2:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodShowbiz'', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true');";
         document.getElementById('hidFrmName').value = "BuzzhollywoodShowbiz'";
         break;
   case 3:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodEntertainment', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true');";
         document.getElementById('hidFrmName').value = "BuzzhollywoodEntertainment";
         break;
   case 4:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodMovies', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true');";
         document.getElementById('hidFrmName').value = "BuzzhollywoodMovies";
         break;     
   case 5:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodTv', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true');";
         document.getElementById('hidFrmName').value = "BuzzhollywoodTv";
         break;
   case 6:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodMusic', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true');";
         document.getElementById('hidFrmName').value = "BuzzhollywoodMusic";
         break;
   case 7:
         document.getElementById('feedburner').onsubmit = "window.open('http://feedburner.google.com/fb/a/mailverify?uri=BuzzhollywoodStyle', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true');";
         document.getElementById('hidFrmName').value = "BuzzhollywoodStyle";
         break;      
   }
}
                                
  function widgetFormat(field,rowcolm) {
   
       var catParams='';
       var loop='0';
       var color = '';
       var rows = '';
       var cols = '';
       var rowcols = '';
       var loop = '';

       rowcols = rowcolm.split('x');
       rows = rowcols[0];
       cols = rowcols[1];
       
       /*alert('Row - '+rows+' Cols - '+cols);
       for ( loop=1; loop<=rows; loop++) {
               alert('1'+loop);
             //alert(document.getElementById('1'+loop).value); 
       } */ 
       
       
       //Null categories - To avoid errors we have to 
       //include this line
       catParams = " @";
       
       document.getElementById('widgetFormatProp').value = rowcolm;
       color = document.getElementById('widgetColorProp').value;
       
       var t = setTimeout("crtWidget('"+color+"','"+catParams+"','"+rowcolm+"');",300);
   }
   
      
      
  function assignJS(color,field)
  {
  
        var catParams='';
        var loop='0';
        var widgetFormat = '230x448';
        var rowcolm = '';
        
        rowcolm = document.getElementById('widgetFormatProp').value;
	      document.getElementById('widgetColorProp').value = color;
	      
        //alert(field.length);
        for (loop = 0; loop < field.length; loop++)
        {
	            if( field[loop].checked == true )
	                catParams += field[loop].value+"@";
	      }
	      
        //var t = setTimeout("crtWidget('"+color+"','"+catParams+"');",300);
        var t = setTimeout("crtWidget('"+color+"','"+catParams+"','"+rowcolm+"');",300);
        
  }
  
  //function crtWidget(color, catParams)
  function crtWidget(color, catParams, rowcolm)
  {
         //  alert(catParams);
           var loop='';
           var b = document.getElementById("StunmediakeyviveWidget");
           var jsOne = document.createElement("script");
           var jsTwo = document.createElement("script");
              
           jsOne.type = "text/javascript";
           //jsOne.text = "var BHW_catID = '"+catParams+"';var BHW_color = '"+color+"';";
           jsOne.text = "var BHW_catID = '"+catParams+"';var BHW_color = '"+color+"';var BHW_rowcolm = '"+rowcolm+"'";
              
           jsTwo.type = "text/javascript";
           jsTwo.src = "http://www.keyvive.com/wp-content/themes/keyvive/blog_widget.js";
              
           b.innerHTML = "";
           b.appendChild(jsOne);
           b.appendChild(jsTwo);
           var url="<?php echo get_option('home'); ?>";
             
           document.getElementById('widget_code').innerHTML = '<div id="StunmediakeyviveWidget">';
           document.getElementById('widget_code').innerHTML += document.getElementById("StunmediakeyviveWidget").innerHTML;
           document.getElementById('widget_code').innerHTML += '</div>';
             
           document.getElementById('widgetBloggerProp').value = '<div id="StunmediakeyviveWidget"><script type="text/javascript">var BHW_catID = \' @\';var BHW_color = \''+color+'\';var BHW_rowcolm = \''+rowcolm+'\'</script><script src="http://www.keyvive.com/wp-content/themes/keyvive/blog_widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="143" style="border: medium none ;" src="http://www.keyvive.com/jswidget/?catNames= @&amp;widgetColor='+color+'&amp;widgetColm='+rowcolm+'" height="444" name="iframe0"/></div></script></div>'               
  }
  
  
  /***********************************************
  * Dynamic Ajax Content- ª Dynamic Drive DHTML code library (www.dynamicdrive.com)
  * This notice MUST stay intact for legal use
  * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
  ***********************************************/

  var bustcachevar=1 //bust potential caching of external pages after initial request? (1=yes, 0=no)
  var loadedobjects=""
  var rootdomain="http://"+window.location.hostname
  var bustcacheparameter=""

  function ajaxpage(url, containerid,startval){
  
    url = url + "?startval="+startval;
  
    var page_request = false
    if (window.XMLHttpRequest) // if Mozilla, Safari etc
       page_request = new XMLHttpRequest()
    else if (window.ActiveXObject){ // if IE
    
      try { page_request = new ActiveXObject("Msxml2.XMLHTTP") } 
      catch (e){
            try{ page_request = new ActiveXObject("Microsoft.XMLHTTP") }catch (e){}
      }//end of cache
      
    }//End of else if condition
    else
      return false
      
      //alert(url);  
      
      page_request.onreadystatechange=function(){
          loadpage(page_request, containerid)
      }
      
      if (bustcachevar) //if bust caching of external page

      //bustcacheparameter=(url.indexOf("?")!=-1)? "&
      //page_request.open('GET', url+bustcacheparameter, true)
      page_request.open('GET', url, true)
      page_request.send(null)
      
   }//End of function ajaxpage

   function loadpage(page_request, containerid){
   
        if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
            document.getElementById(containerid).innerHTML=page_request.responseText
   }

   function loadobjs(){
   
     if (!document.getElementById)
        return
        
     for (i=0; i<arguments.length; i++){
         var file=arguments[i]
         var fileref=""
         if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding
         if (file.indexOf(".js")!=-1){ //If object is a js file
            fileref=document.createElement('script')
            fileref.setAttribute("type","text/javascript");
            fileref.setAttribute("src", file);
         }
         else if (file.indexOf(".css")!=-1){ //If object is a css file
            fileref=document.createElement("link")
            fileref.setAttribute("rel", "stylesheet");
            fileref.setAttribute("type", "text/css");
            fileref.setAttribute("href", file);
         }
         }//End of if condition
    
         if (fileref!=""){
             document.getElementsByTagName("head").item(0).appendChild(fileref)
             loadedobjects+=file+" " //Remember this object as being already added to page
         }//End of if condition
         
      }//End of for
      
    }//End of loadobjs  
    
    
   function fnSelect(objId) {
   
      fnDeSelect();
      if (document.selection) 
      {
          var range = document.body.createTextRange();
          range.moveToElementText(document.getElementById(objId));
          range.select();
      }
      else if (window.getSelection) 
      {
          var range = document.createRange();
          range.selectNode(document.getElementById(objId));
          window.getSelection().addRange(range);
       }  
   }

   function fnDeSelect() {
      if (document.selection)
          document.selection.empty();
      else if (window.getSelection)
          window.getSelection().removeAllRanges();
   } 
   
   // JavaScript Document
   function yourReaction(postID,reaction,tiny_url){
          //alert(url);  
          var ajaxRequest;  // The variable that makes Ajax possible!
	        try{
		          // Opera 8.0+, Firefox, Safari
		          ajaxRequest = new XMLHttpRequest();
	        } catch (e){
		      // Internet Explorer Browsers
		      try{
			       ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		      } catch (e) {
			    try{
				    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			    } catch (e){
				    // Something went wrong
				    alert("Your browser broke!");
				    return false;
		    	}
	   	    }
	        }
	
	       // Create a function that will receive data sent from the server
	       ajaxRequest.onreadystatechange = function(){
	           if ( ajaxRequest.readyState == 4 ) {
    			       //document.myForm.time.value = ajaxRequest.responseText;
    			       //alert(ajaxRequest.responseText);
    			       var responseText;
    			       var conLoginPageDiv;
    			       responseText = ajaxRequest.responseText;
    			       /*
                 conLoginPageDiv = '';
    			       conLoginPageDiv += '<div id="signIn" style="width: 400px;">';
    			           conLoginPageDiv += '<label class="signInTitle">Sign In</label>';
    			           conLoginPageDiv += '<div class="signInInputs">';
    			               conLoginPageDiv += '<form method="post" action="http://www.keyvive.com/diabetes/wp-commLogin.php" id="loginform" name="loginform">';
    	             		   conLoginPageDiv += '<p><label>Username<br/><input type="text" tabindex="10" size="20" value="" class="input" id="user_login" name="log"/></label></p>';
                			   conLoginPageDiv += '<p><label>Password<a title="Password Lost and Found" href="http://www.keyvive.com/diabetes/login/?action=forgot" id="forgotLogin">Forgot ?</a><br/><input type="password" tabindex="20" size="20" value="" class="input" id="user_pass" name="pwd"/></label></p>';
                			   conLoginPageDiv += '<input type="hidden" value="'+window.location+'" name="redirect">';
     			               conLoginPageDiv += '<p class="submit"><input type="submit" tabindex="100" value="Sign In" id="wp-submit" name="wp-submit"/><input type="hidden" value="" name="redirect_to"/><input type="hidden" value="1" name="testcookie"/></p>';    	    
                			   conLoginPageDiv += '</form>';    			       
                  	 conLoginPageDiv += '</div>';      
                  	 conLoginPageDiv += '<div class="askNewID">';
    			               conLoginPageDiv += 'If you dont have a Keyvive ID, then <br/><a href="/login/?action=register" id="loginregister">Register Now >></a>';
                  	 conLoginPageDiv += '</div>';
                 conLoginPageDiv += '</div>';
                 */
                
    			       if( responseText == 1){
        			           if(tiny_url!='')
        			           {
        			              window.location.href=tiny_url+"?r=1";
        			              return false;
                         }
                         else {
                              document.getElementById('loginPage').style.display='block';
        			               //document.getElementById('loginPage').innerHTML =  conLoginPageDiv;
        			           }
                     }  
                 else{ 
                      if(tiny_url!='')
        			           {
        			              window.location.href=tiny_url;
        			              return false;
                         }
                         else {
    			                  document.getElementById('ajaxCommRes').innerHTML =  responseText;
    			                 //document.getElementById('loginPage').style.display='block';
    			               }
    			           }
		         }
	      }
	
        var queryString = "postID="+postID+"&reaction="+reaction;
	      ajaxRequest.open("GET", "/updateyourreaction?" + queryString, true);
	      ajaxRequest.send(null);
	      /**if(tiny_url!='')
        {
        window.location.href=tiny_url;
        return false;
        } */
	      
   }
   
   // function for check username availability
function check_availability( objid, loadarea )
{
  var myobj=document.getElementById(objid);
    
  var url= 'http://www.keyvive.com/';
  var address_string = url + "/check-name/?chk_name=" + myobj.value;
  check_ajaxpage(address_string, loadarea)
}       

function check_ajaxpage(url, c_id)
{
  var page_request = false
  if (window.XMLHttpRequest)     // if Mozilla, Safari etc
  {
    page_request = new XMLHttpRequest()
  }
  else if (window.ActiveXObject) // if IE
  {
    try
    {
      page_request = new ActiveXObject("Msxml2.XMLHTTP")
    }
    catch (e)
    {
      try
      {
        page_request = new ActiveXObject("Microsoft.XMLHTTP")
      }
      catch (e){}
    }
  }
  else
    return false

  page_request.onreadystatechange=function()
  {
    loadpage_checkname(page_request, c_id)
  }

  //anticache=(url.indexOf("?")!=-1) ? "&"+new Date().getTime() : "?"+new Date().getTime()
  page_request.open('GET', url, true)
  page_request.send(null)
}

function loadpage_checkname(page_request, c_id)
{
  if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))
        {
          document.getElementById(c_id).innerHTML=page_request.responseText;
          
         }
         else {
            document.getElementById(c_id).innerHTML="Checking Availability...";
         }
        
}
      
   // eof function for check name availability
  
  function check_form()
  {
     
    if(document.getElementById('your_pagename').value=='')
    {
        alert("Please Select Your Pagename");
        return false;
     }
     
  }
   
  function allcomments(postID,login_type){
          //alert(url);  
          var ajaxRequest;  // The variable that makes Ajax possible!
	        try{
		          // Opera 8.0+, Firefox, Safari
		          ajaxRequest = new XMLHttpRequest();
	        } catch (e){
		      // Internet Explorer Browsers
		      try{
			       ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		      } catch (e) {
			    try{
				    ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			    } catch (e){
				    // Something went wrong
				    alert("Your browser broke!");
				    return false;
		    	}
	   	    }
	        }
	
	       // Create a function that will receive data sent from the server
	       ajaxRequest.onreadystatechange = function(){
	           if ( ajaxRequest.readyState == 4 ) {
    			       var responseText;
    			       var conLoginPageDiv;
    			       responseText = ajaxRequest.responseText;
    			                       
    			       if( responseText == 1){
    			        //document.getElementById('loginPage').style.display='block';
            		  //document.getElementById('loginPage').innerHTML =  conLoginPageDiv;
        			   } else{ 
        			       document.getElementById('ajaxCommRes').innerHTML =  responseText;
        			       document.getElementById('commentlist').style.display = 'none';
        			      }
		         }
	      }
	
        var queryString = "postID="+postID+"&logintype="+login_type;
	      ajaxRequest.open("GET", "/seeallcomments?" + queryString, true);
	      ajaxRequest.send(null);
	            
   } 

   function submitToGoogle(usrnmae, pwd) {
      
      var http = new XMLHttpRequest();
    	var url = "/googlecal/post.php";
    	var sugLink = "";	
    	var senderEmail = "";
    	var senderName = "";
    	var senderComments = "";
    
    	//sugLink = document.getElementById('sugLink').value;	
    	senderEmail = document.getElementById('gmailid').value;	
    	senderPassword = document.getElementById('googlepwd').value;	
    	eventID = document.getElementById('eventID').value;	
    
    	var params = "senderPassword="+senderPassword+"&senderEmail="+senderEmail+"&eventID="+eventID;
    	//alert(params);
    	http.open("POST", url, true);
    
    	//Send the proper header information along with the request
    	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    	http.setRequestHeader("Content-length", params.length);
    	http.setRequestHeader("Connection", "close");
    
    	http.onreadystatechange = function() {//Call a function when the state changes.
        	if(http.readyState == 4 && http.status == 200) {
        			alert(http.responseText);
        		  //document.getElementById("suggestionRepStatus").innerHTML = http.responseText;
              //document.getElementById("suggestionRepStatus").style.display = "block"; 
        	}
    	}
    	http.send(params);
	 } 
                                
   function closeModal() {
          document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'
   }
   
   function getYourWidgetCode(srcID,desID){
          var tempCode = '';
          tempCode = document.getElementById(srcID).innerHTML;
          document.getElementById(desID).innerHTML = '';
          document.getElementById(desID).innerHTML = tempCode;
   }
   
   function toggleWidgetImgSize(imgSize){
          var BHW_dim;
          var BHW_overallColors;
          document.getElementById('widgetImgSizeProp').value =  imgSize;
          
          BHW_dim = document.getElementById('widgetFormatProp').value;
          BHW_overallColors = document.getElementById('widgetOverallColors').value;
          BHW_searchname = document.getElementById('wdgt_search_name').value;
          
          
          if( document.getElementById('widgetImgSizeProp').value == 'large' ) {
              document.getElementById('largeImage').style.backgroundColor= 'Grey';
              document.getElementById('smallImage').style.backgroundColor= 'LightGrey'; 
          } else {
              document.getElementById('largeImage').style.backgroundColor= 'LightGrey';
              document.getElementById('smallImage').style.backgroundColor= 'Grey';
          }
          
          customizeWidgetImgSize('StunmediakeyviveWidget',BHW_dim,document.widgetFrm.chkCategories,imgSize,BHW_overallColors,BHW_searchname);
          
          
   }
   
   function applyColors(bg,text,headerFooter,headerFooterText,search_name){
          var BHW_dim;
          var BHW_overallColors;
          //alert("BG "+bg+"Text "+text+" HeaderFooter "+headerFooter+" headerFooterText "+headerFooterText);
          imgSize = document.getElementById('widgetImgSizeProp').value;
          BHW_dim = document.getElementById('widgetFormatProp').value;
          //BHW_searchname = document.getElementById('wdgt_search_name').value;
          BHW_overallColors = "headerFooter="+headerFooter+"&bg="+bg+"&text="+text+"&headerFooterText="+headerFooterText;
          document.getElementById('widgetOverallColors').value = BHW_overallColors;
          customizeWidgetImgSize('StunmediakeyviveWidget',BHW_dim,document.widgetFrm.chkCategories,imgSize,BHW_overallColors,search_name);
   }
   
   
   function customizeWidgetImgSize(divID,widgetColm,catIDs,imgSize,colorArgs,search_name) {
   //alert(catIDs);
        search_name = search_name.replace(/^\s+|\s+$/g,"");
           
         
         

        var width = '';
        var height = '';
        var buildWgtCode = ''; 
        var row = '';
        var colm = '';
        var cntRow = '';
        var cntColm = '';
        var catParams='';
        var loop='0';
        var widgetDim = '';
        var widgetColor = '';
        var ajaxRes = '';
        var bakColor = '';
        var leftwgts ='';
        var widgetColors = '';
        var bg = '';
        var forecolorText = '';
        var headerFooter = '';
        var headerFooterText = '';
        var footerText = '';
        var prevWidgetColm = '';
        
        prevWidgetColm = document.getElementById('widgetFormatProp').value;
        if( widgetColm.length<0 )
            divColoring(prevWidgetColm,'3x1','0','LightGrey','Grey');
        else
            divColoring(prevWidgetColm,widgetColm,'0','LightGrey','Grey');
        
        for (loop = 0; loop < catIDs.length; loop++) {
    	       if( catIDs[loop].checked == true ) catParams += catIDs[loop].value+"@";
    	  }
    	  
    	  if( widgetColm == '' )
    	      widgetColm = document.getElementById('widgetFormatProp').value;
    	  else {
    	       //Choose the widget color
             document.getElementById('widgetFormatProp').value = widgetColm;
        }
        
        //alert( 'overallcolors'+document.getElementById('widgetOverallColors').value );
    	  
        
    	  switch(imgSize){
    	      case 'small':
    	              switch(widgetColm) {
                         case '1x1':
                                   width = "98";
                                   height = "176";
                                   break;
                         case '1x2':
                                   width = "233";
                                   height = "176";
                                   break;
                         case '1x3':
                                   width = "275";
                                   height = "176";
                                   break;
                         case '1x4':
                                   width = "365";
                                   height = "176";
                                   break;
                                      
                         case '2x1':
                                   width = "98";
                                   height = "305";
                                   break;
                         case '2x2':
                                   width = "187";
                                   height = "305";
                                   break;
                         case '2x3':
                                   width = "275";
                                   height = "305";
                                   break;
                         case '2x4':
                                   width = "365";
                                   height = "305";
                                   break;
                         case '3x1':
                                   width = "98";
                                   height = "435";
                                   break;
                         case '3x2':
                                   width = "187";
                                   height = "435";
                                   break;
                         case '3x3':
                                   width = "275";
                                   height = "435";
                                   break;
                         case '4x1':
                                   width = "98";
                                   height = "565";
                                   break;
                         case '4x2':
                                   width = "187";
                                   height = "565";
                                   break;              
                                                                          
                         default:
                                   width = "98";
                                   height = "435";
                                   break;    
                    } 
                    footerText = 'KeyVive';  
    	              break;
            default:
                    switch(widgetColm) {
                    
                        case '1x1':
                                  width = "143";
                                  height = "176";
                                  break;
                        case '1x2':
                                  width = "275";
                                  height = "176";
                                  break;
                        case '1x3':
                                  width = "408";
                                  height = "176";
                                  break;
                        case '1x4':
                                  width = "541";
                                  height = "176";
                                  break;
                        case '2x1':
                                  width = "143";
                                  height = "305";
                                  break;
                        case '2x2':
                                  width = "275";
                                  height = "305";
                                  break;
                        case '2x3':
                                  width = "408";
                                  height = "305";
                                  break;
                        case '2x4':
                                  width = "541";
                                  height = "305";
                                  break;
                        case '3x1':
                                  width = "143";
                                  height = "435";
                                  break;
                        case '3x2':
                                  width = "275";
                                  height = "435";
                                  break;
                        case '3x3':
                                  width = "408";
                                  height = "435";
                                  break;
                        case '4x1':
                                  width = "143";
                                  height = "565";
                                  break;
                        case '4x2':
                                  width = "275";
                                  height = "565";
                                  break;              
                        default:
                                  width = "143";
                                  height = "435";
                                  break;     
                    }
                    footerText = 'KeyVive: ';
                    break;      	                   
        }     
        
        widgetDim = widgetColm.split('x');
        row = widgetDim[0];
        colm = widgetDim[1];    
        
        //divColoring(widgetColm);  
        
        widgetColors = colorArgs.split('&');
        
        headerFooter = widgetColors[0];
        headerFooter = headerFooter.split('=');
        headerFooter = headerFooter[1].replace('#','');
          
        bg = widgetColors[1];
        bg = bg.split('=');
        bg = bg[1].replace('#','');
         
        forecolorText = widgetColors[1];
        forecolorText = forecolorText.split('=');
        forecolorText = forecolorText[1].replace('#','');
        
        headerFooterText = widgetColors[3];
        headerFooterText = headerFooterText.split('=');
        headerFooterText = headerFooterText[1].replace('#','');
        
        //Assign the dimension to a hidden vlaue for future use
        widgetColor = document.getElementById('widgetColorProp').value;
        
        //Choose the background color
        switch(widgetColor) {
              case '6CCFF6': 
              case 'B37AB5': bakColor = "EEEEF7"; break;
              case 'EC008C':     
              case '7EC34A': 
              case 'ED1C24': 
              case 'FFE94F':     
              case 'F15922':               
              default: bakColor = "cdc6c2"; break;
        }
        
        if( bg.length>0 )
            bakColor = bg;
        
        //alert( 'Headerfooter ' + headerFooter + ' Bg Len' + bg.length + ' Args' + colorArgs);   
            
        if( forecolorText.length < 0 || forecolorText.length != '6' )            
            forecolorText = 'ffffff';
            
        if( headerFooterText.length < 0 || headerFooterText.length != '6' )            
            headerFooterText = 'ffffff';    
        
        if( headerFooter.length > 0 )    
            widgetColor = headerFooter;
            //widgetColorheaderFooter = headerFooter;
    
        //headerFooterText = widgetColors[3];
        var widgetArgs = '';
        widgetArgs = document.getElementById('widgetOverallColors').value;
        widgetArgs = widgetArgs.replace(/#/g,'');
        widgetArgs += "&imgSize="+document.getElementById('widgetImgSizeProp').value;
        
        if( headerFooterText == headerFooter)
            headerFooterText = 'ffffff';
        
        //Building the widget to display in the BuzzHollywood web page
        buildWgtCode = '';
        buildWgtCode = '<div id="jsWidgetContainer" style="margin-left: 0px; width: '+width+'px; height: '+height+'px; overflow: hidden;">';
            buildWgtCode +='<div style="float:left">';
            buildWgtCode += '<div style="text-align: center; width: 100%; background-color: #'+widgetColor+'; color: #'+headerFooterText+';" id="jsWidgetTitle" class="jsWidgetTitle">KeyVive</div>';
            buildWgtCode += '<div id="widgetItemsCont"  class="widgetItemsCont" style="background-color:#'+bakColor+';padding-top: 15px; float:left;">';
            buildWgtCode += '</div>';
            buildWgtCode += '<div style="clear: both; width: 100%; background-color: #'+widgetColor+'; font-size: 10px;" id="addButton" class="addButton"><a target="_blank" style="color: #'+headerFooterText+'; text-decoration: none; text-align:center;" href="http://www.keyvive.com/network/widget/">'+footerText+'</a></div>';
        buildWgtCode += '</div>';
        buildWgtCode += '</div>';
          var widgetCode='';
        //Building the widget CODE to display in the BuzzHollywood web page
        widgetCode = '<div id="StunmediakeyviveWidget">';
        widgetCode += '<script type="text/javascript">';
           widgetCode += 'var BHW_catID = \''+catParams+'\';';
           widgetCode += 'var BHW_color = \''+widgetColor+'\';';
           widgetCode += 'var BHW_rowcolm = \''+widgetColm+'\';';
           widgetCode += 'var BHW_args = \''+widgetArgs+'\';';
           widgetCode += 'var search_name = \''+search_name+'\';';
            widgetCode += '</script>';
            widgetCode += '<script type="text/javascript" src="http://www.keyvive.com/wp-content/themes/keyvive/blog_widget.js"></script>';
           widgetCode += '</div>';
        
        
        //Assign the widget CODE to the textarea
        document.getElementById('widgetTextArea').innerHTML = '<textarea id="widget_code" style="width: 250px; height: 100px;" name="widget_code" onClick="javascript:selectAll(\'widgetFrm.widget_code\')" />'+widgetCode+'</textarea>';
        
        //Assign the widget CODE to the div so that it will be displayed
        document.getElementById(divID).innerHTML = buildWgtCode;
        
        //Prepare the widget code to be ready to install in the blogger
        document.getElementById('widgetBloggerProp').value = '<div id="StunmediakeyviveWidget"><script type="text/javascript">var BHW_catID = \''+catParams+' \';var BHW_color = \''+widgetColor+'\';var BHW_rowcolm = \''+widgetColm+'\'</script><script src="http://www.keyvive.com/wp-content/themes/keyvive/blog_widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="143" style="border: medium none ;" src="<?php echo get_option("home");?>/jswidget/?catNames= '+catParams+'&amp;widgetColor='+widgetColor+'&amp;widgetColm='+widgetColm+'" height="444" name="iframe0"/></div></script></div>'

        //colorArgs = colorArgs.replace(/=/g,'');
        colorArgs = colorArgs.replace(/#/g,'');
           var url= 'http://www.keyvive.com/';
        //Finally call the ajax to make the widget ITEMS to appear inside the widget CONTAINER 
        //alert(catParams);
        
        callWidgetPreview('http://www.keyvive.com/prewidget/?catNames='+catParams+'&widgetColor='+widgetColor+'&widgetColm='+widgetColm+'&'+colorArgs+'&widgetImgSize='+imgSize+'&search_name='+search_name);
   } 
   
   function customizeWidget(divID,widgetColm,catIDs,imgSize,colorArgs,search_name) {
   //alert(search_name);
   
      var search_name = search_name.replace(/^\s+|\s+$/g,"");

      var width = '';
      var height = '';
      var buildWgtCode = ''; 
      var row = '';
      var colm = '';
      var cntRow = '';
      var cntColm = '';
      var catParams='';
      var loop='0';
      var widgetDim = '';
      var widgetColor = '';
      var ajaxRes = '';
      var bakColor = '';
      var leftwgts ='';
      var img_cnt ='';
      
          
      for (loop = 0; loop < catIDs.length; loop++) {
  	       if( catIDs[loop].checked == true ) catParams += catIDs[loop].value+"@";
  	  }
  	  
  	  if( widgetColm == '' )
  	      widgetColm = document.getElementById('widgetFormatProp').value;
  	  else {
  	       //Choose the widget color
           document.getElementById('widgetFormatProp').value = widgetColm;
      }
  	  
        	      
      switch(imgSize){
    	      case 'small':
    	              switch(widgetColm) {
    	              
                         case '1x1':
                                   width = "98";
                                   height = "176";
                                   break;
                         case '1x2':
                                   width = "233";
                                   height = "176";
                                   break;
                         case '1x3':
                                   width = "275";
                                   height = "176";
                                   break;
                         case '1x4':
                                   width = "365";
                                   height = "176";
                                   break;
                                      
                         case '2x1':
                                   width = "98";
                                   height = "305";
                                   break;
                         case '2x2':
                                   width = "187";
                                   height = "305";
                                   break;
                         case '2x3':
                                   width = "275";
                                   height = "305";
                                   break;
                         case '2x4':
                                   width = "365";
                                   height = "305";
                                   break;
                         case '3x1':
                                   width = "98";
                                   height = "435";
                                   break;
                         case '3x2':
                                   width = "187";
                                   height = "435";
                                   break;
                         case '3x3':
                                   width = "275";
                                   height = "435";
                                   break;
                         case '4x1':
                                   width = "98";
                                   height = "565";
                                   break;
                         case '4x2':
                                   width = "187";
                                   height = "565";
                                   break;              
                                                                          
                         default:
                                   width = "98";
                                   height = "435";
                                   break;    
                    } 
                    footerText = 'KeyVive';  
    	              break;
            default:
                    switch(widgetColm) {
                    
                        case '1x1':
                                  width = "143";
                                  height = "176";
                                  break;
                        case '1x2':
                                  width = "275";
                                  height = "176";
                                  break;
                        case '1x3':
                                  width = "408";
                                  height = "176";
                                  break;
                        case '1x4':
                                  width = "541";
                                  height = "176";
                                  break;
                        case '2x1':
                                  width = "143";
                                  height = "305";
                                  break;
                        case '2x2':
                                  width = "275";
                                  height = "305";
                                  break;
                        case '2x3':
                                  width = "408";
                                  height = "305";
                                  break;
                        case '2x4':
                                  width = "541";
                                  height = "305";
                                  break;
                        case '3x1':
                                  width = "143";
                                  height = "435";
                                  break;
                        case '3x2':
                                  width = "275";
                                  height = "435";
                                  break;
                        case '3x3':
                                  width = "408";
                                  height = "435";
                                  break;
                        case '4x1':
                                  width = "143";
                                  height = "565";
                                  break;
                        case '4x2':
                                  width = "275";
                                  height = "565";
                                  break;              
                        default:
                                  width = "143";
                                  height = "435";
                                  break;     
                    }
                    footerText = 'KeyVive: ';
                    break;      	                   
        }  
      
      widgetDim = widgetColm.split('x');
      row = widgetDim[0];
      colm = widgetDim[1];
      
      widgetColors = colorArgs.split('&');
        
        headerFooter = widgetColors[0];
        headerFooter = headerFooter.split('=');
        headerFooter = headerFooter[1].replace('#','');
          
        bg = widgetColors[1];
        bg = bg.split('=');
        bg = bg[1].replace('#','');
         
        forecolorText = widgetColors[1];
        forecolorText = forecolorText.split('=');
        forecolorText = forecolorText[1].replace('#','');
        
        headerFooterText = widgetColors[3];
        headerFooterText = headerFooterText.split('=');
        headerFooterText = headerFooterText[1].replace('#','');      
      
      //Assign the dimension to a hidden vlaue for future use
      widgetColor = document.getElementById('widgetColorProp').value;
      
      //Choose the background color
      switch(widgetColor) {
            case '6CCFF6': 
            case 'B37AB5': bakColor = "EEEEF7"; break;
            case 'EC008C':     
            case '7EC34A': 
            case 'ED1C24': 
            case 'FFE94F':     
            case 'F15922':               
            default: bakColor = "cdc6c2"; break;
      }
      
        if( bg.length>0 )
            bakColor = bg;
        
        //alert( 'Headerfooter ' + headerFooter + ' Bg Len' + bg.length + ' Args' + colorArgs);   
            
        if( forecolorText.length < 0 || forecolorText.length != '6' )            
            forecolorText = 'ffffff';
            
        if( headerFooterText.length < 0 || headerFooterText.length != '6' )            
            headerFooterText = 'ffffff';    
        
        if( headerFooter.length > 0 )    
            widgetColor = headerFooter;
            //widgetColorheaderFooter = headerFooter;
            
      
      var widgetArgs = '';
      widgetArgs = document.getElementById('widgetOverallColors').value;
      //widgetArgs = widgetArgs.replace(/=/g,''); // old one 
      widgetArgs = widgetArgs.replace(/#/g,'');
      widgetArgs += "&imgSize="+document.getElementById('widgetImgSizeProp').value;
      //alert("custom widget"+widgetArgs);
            
      //Building the widget to display in the BuzzHollywood web page
      buildWgtCode = '';
      buildWgtCode = '<div id="jsWidgetContainer" style="margin-left: 0px; width: '+width+'px; height: '+height+'px; overflow: hidden;">';
      buildWgtCode +='<div style="float:left">';
      buildWgtCode += '<div style="width: 100%; background-color: #'+widgetColor+'; color: #fff;" id="jsWidgetTitle" class="jsWidgetTitle">Keyvive</div>';
      buildWgtCode += '<div id="widgetItemsCont"  class="widgetItemsCont" style="background-color:#'+bakColor+';padding-top: 15px; float:left;">';
      buildWgtCode += '</div>';
      buildWgtCode += '<div style="clear: both; width: 100%; background-color: #'+widgetColor+'; font-size: 10px;" id="addButton" class="addButton"><a target="_blank" style="color: rgb(255, 255, 255); text-decoration: none;text-align:center;" href="http://www.keyvive.com/network/widget/">KeyVive: </a></div>';
      buildWgtCode += '</div>';
      buildWgtCode += '</div>';
      
      //Building the widget CODE to display in the BuzzHollywood web page
      widgetCode = '<div id="StunmediakeyviveWidget">';
      widgetCode += '<script type="text/javascript">';
         widgetCode += 'var BHW_catID = \''+catParams+'\';';
         widgetCode += 'var BHW_color = \''+widgetColor+'\';';
         widgetCode += 'var BHW_rowcolm = \''+widgetColm+'\';';
         widgetCode += 'var BHW_args = \''+widgetArgs+'\';';
         widgetCode += 'var search_name = \''+search_name+'\';';
          widgetCode += '</script>';
          widgetCode += '<script type="text/javascript" src="http://www.keyvive.com/wp-content/themes/keyvive/blog_widget.js"></script>';
          widgetCode += '</div>';
      
      
      //Assign the widget CODE to the textarea
      document.getElementById('widgetTextArea').innerHTML = '<textarea id="widget_code" style="width: 250px; height: 100px;" name="widget_code" onClick="javascript:selectAll(\'widgetFrm.widget_code\')" />'+widgetCode+'</textarea>';
      
      //Assign the widget CODE to the div so that it will be displayed
      document.getElementById(divID).innerHTML = buildWgtCode;
      
      //Prepare the widget code to be ready to install in the blogger
      document.getElementById('widgetBloggerProp').value = '<div id="StunmediakeyviveWidget"><script type="text/javascript">var BHW_catID = \''+catParams+' \';var BHW_color = \''+widgetColor+'\';var BHW_rowcolm = \''+widgetColm+'\'</script><script src="http://www.keyvive.com/wp-content/themes/keyvive/blog_widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="143" style="border: medium none ;" src="http://www.keyvive.com/jswidget/?catNames= '+catParams+'&amp;widgetColor='+widgetColor+'&amp;widgetColm='+widgetColm+'" height="444" name="iframe0"/></div></script></div>';
      
       //colorArgs = colorArgs.replace(/=/g,'');
        colorArgs = colorArgs.replace(/#/g,'');
        
        
      var url= '<?php echo get_option("home");?>';
      //Finally call the ajax to make the widget ITEMS to appear inside the widget CONTAINER 
      callWidgetPreview('http://www.keyvive.com/prewidget/?catNames='+catParams+'&widgetColor='+widgetColor+'&widgetColm='+widgetColm+'&'+colorArgs+'&widgetImgSize='+imgSize+'&search_name='+search_name);
}


function chooseColor(bakColor,catIDs,ID,search_name){
        var wgtDim = '';
        document.getElementById('widgetColorProp').value =  bakColor;
        var wgtDim = document.getElementById('widgetFormatProp').value;
        var imgSize = document.getElementById('widgetImgSizeProp').value;
        BHW_overallColors = document.getElementById('widgetOverallColors').value;
        customizeWidget(ID,wgtDim,catIDs,imgSize,BHW_overallColors,search_name);
        applyColors('#cdc6c2',bakColor,bakColor,'#ffffff',search_name);
          
}


//Browser Support Code
function callWidgetPreview(URL){
  	var ajaxRequest;  // The variable that makes Ajax possible!
  	
  	try{
  		// Opera 8.0+, Firefox, Safari
  		ajaxRequest = new XMLHttpRequest();
  	} catch (e){
  		// Internet Explorer Browsers
  		try{
  			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
  		} catch (e) {
  			try{
  				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
  			} catch (e){
  				// Something went wrong
  				alert("Your browser broke!");
  				return false;
  			}
  		}
  	}
  	// Create a function that will receive data sent from the server
  	ajaxRequest.onreadystatechange = function(){
  		if(ajaxRequest.readyState == 4){
  			document.getElementById('widgetItemsCont').innerHTML = ajaxRequest.responseText;  
  			//return ajaxRequest.responseText;
  		}
  		 else {
            document.getElementById('widgetItemsCont').innerHTML="<img src='http://www.keyvive.com/wp-content/themes/keyvive/images/loader.gif' >";
         }
  	}
  	ajaxRequest.open("GET", URL, true);
  	ajaxRequest.send(null); 
}


function divColoring(prevWidgetColm,widgetColm,flagDivId,deHighlight,Highlight){

      var widgetDim = '';
      var row = '';
      var colm = '';
      
      //alert(prevWidgetColm+' '+widgetColm);
      if( flagDivId==0){
          widgetDim = prevWidgetColm.split('x');
          row = widgetDim[0];
          colm = widgetDim[1];
          
          for( rowLoop=1;rowLoop<=row;rowLoop++ ){
                for( colmLoop=1;colmLoop<=colm;colmLoop++ ){
                     //alert(rowLoop+''+colmLoop); 
                     document.getElementById(rowLoop+''+colmLoop).style.backgroundColor=deHighlight; //= '#E4E4E4';
                }
          }
      }
      
      widgetDim = widgetColm.split('x');
      row = widgetDim[0];
      colm = widgetDim[1];
      
      for( rowLoop=1;rowLoop<=row;rowLoop++ ){
                for( colmLoop=1;colmLoop<=colm;colmLoop++ ){
                     //alert(rowLoop+''+colmLoop); 
                     document.getElementById(rowLoop+''+colmLoop).style.backgroundColor = Highlight; //= '#E4E4E4';
                }
      }
           
}

function divHighLight(ID) {
      document.getElementById('storeIDInfo').value=ID+'@'+document.getElementById(ID).style.backgroundColor;
      document.getElementById(ID).style.backgroundColor = 'RoyalBlue';
}

function divDeHighLight() {

      var bakColor = '';
      var findID = '';
      var findColor = '';
      var widgetColm = '';
      var widgetColmID = '';
      
      bakColor = document.getElementById('storeIDInfo').value;
      bakColor = bakColor.split('@');
      
      widgetColm = document.getElementById('widgetFormatProp').value
      widgetColm = widgetColm.split('x');
      widgetColmID = widgetColm[0]+''+widgetColm[1];
      findID = bakColor[0];
      findColor = bakColor[1];
      //alert(findID+' '+widgetColmID);
      //if( findID != widgetColmID )
      //document.getElementById(findID).style.backgroundColor== 'RoyalBlue' &&
      if( findID != widgetColmID || document.getElementById(findID).style.backgroundColor == 'RoyalBlue' )
          document.getElementById(findID).style.backgroundColor = findColor;
} 
        
function search_dropdown_choose(select_value){  
    document.getElementById('search-dropdown').innerHTML=select_value;
}

function bookmarksite(title,url) {
  if (window.sidebar) // firefox 
    window.sidebar.addPanel(title, url, "");
  else if(window.opera && window.print){ // opera 
    var elem = document.createElement('a');
    elem.setAttribute('href',url);
    elem.setAttribute('title',title);
    elem.setAttribute('rel','sidebar');
    elem.click();
  }
  else if(document.all)// ie 
    external.AddFavorite(location.href, document.title)
  else
    alert("Your browser does not support automatic bookmarking. Please press CTRL + D to bookmark the page!");
}

 /*
  *   Function to set and clear values for any element
  */
  function set_unset_element_value(elem_id, def_text, set_unset){
    // 0 - Set Value
    // 1 - Unset Value
    var existing_value = document.getElementById(elem_id).value;
    if(set_unset == '0'){
      if(existing_value == ''){
        document.getElementById(elem_id).value = def_text;
      }
    } else {
      if(existing_value == def_text) {
        document.getElementById(elem_id).value = '';
      }
    }
  }