// 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("BuzzHollyWoodWidget");
           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.buzzhollywood.com/wp-content/themes/buzzhollywood/widget.js";
              
           b.innerHTML = "";
           b.appendChild(jsOne);
           b.appendChild(jsTwo);
             
           document.getElementById('widget_code').innerHTML = '<div id="BuzzHollyWoodWidget">';
           document.getElementById('widget_code').innerHTML += document.getElementById("BuzzHollyWoodWidget").innerHTML;
           document.getElementById('widget_code').innerHTML += '</div>';
             
           document.getElementById('widgetBloggerProp').value = '<div id="BuzzHollyWoodWidget"><script type="text/javascript">var BHW_catID = \' @\';var BHW_color = \''+color+'\';var BHW_rowcolm = \''+rowcolm+'\'</script><script src="http://www.buzzhollywood.com/wp-content/themes/buzzhollywood/widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="170" style="border: medium none ;" src="http://www.buzzhollywood.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 updateSharingOption(postID,authorID,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;
          		     } //End of catch
    	   	    } //End of catch
	        }
	
	       // 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;
		         }
	      }
	
        var queryString = "postID="+postID+"&author="+authorID;
	      ajaxRequest.open("GET", URL + "?"+ queryString, true);
	      ajaxRequest.send(null);
   } 
   
   // JavaScript Document
   function yourReaction(postID,reaction,tiny_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.buzzhollywood.com/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.buzzhollywood.com/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 BuzzHollywood 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;
    			               }
                      }
    			           
		         }
	      }
	
        var queryString = "postID="+postID+"&reaction="+reaction;
	      ajaxRequest.open("GET", "/home/updateyourreaction?" + 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;
          
          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('BuzzHollyWoodWidget',BHW_dim,document.widgetFrm.chkCategories,imgSize,BHW_overallColors);
          
          
   }
   
   function applyColors(bg,text,headerFooter,headerFooterText){
          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_overallColors = "headerFooter="+headerFooter+"&bg="+bg+"&text="+text+"&headerFooterText="+headerFooterText;
          document.getElementById('widgetOverallColors').value = BHW_overallColors;
          customizeWidgetImgSize('BuzzHollyWoodWidget',BHW_dim,document.widgetFrm.chkCategories,imgSize,BHW_overallColors);
   }
   
   
   function customizeWidgetImgSize(divID,widgetColm,catIDs,imgSize,colorArgs) {

        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 = '';
        var numCat = '';
        var widgetCode = '';
        
        prevWidgetColm = document.getElementById('widgetFormatProp').value;
        if( widgetColm.length<0 )
            divColoring(prevWidgetColm,'3x1','0','LightGrey','Grey');
        else
            divColoring(prevWidgetColm,widgetColm,'0','LightGrey','Grey');
        
        try{
          numCat = catIDs.length;
        } catch (e) {
          numCat = '0';
        }
        
        //alert(catIDs.length);
        for (loop = 0; loop < numCat; 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 = "133";
                                   height = "165";
                                   break;
                         case '1x2':
                                   width = "233";
                                   height = "165";
                                   break;
                         case '1x3':
                                   width = "346";
                                   height = "165";
                                   break;
                         case '1x4':
                                   width = "452";
                                   height = "165";
                                   break;
                                      
                         case '2x1':
                                   width = "133";
                                   height = "286";
                                   break;
                         case '2x2':
                                   width = "235";
                                   height = "286";
                                   break;
                         case '2x3':
                                   width = "345";
                                   height = "286";
                                   break;
                         case '2x4':
                                   width = "452";
                                   height = "286";
                                   break;
                         case '3x1':
                                   width = "133";
                                   height = "408";
                                   break;
                         case '3x2':
                                   width = "233";
                                   height = "408";
                                   break;
                         case '3x3':
                                   width = "345";
                                   height = "408";
                                   break;
                         case '4x1':
                                   width = "133";
                                   height = "525";
                                   break;
                         case '4x2':
                                   width = "233";
                                   height = "525";
                                   break;              
                                                                          
                         default:
                                   width = "120";
                                   height = "444";
                                   break;    
                    } 
                    footerText = 'Add to your site';  
    	              break;
            default:
                    switch(widgetColm) {
                    
                        case '1x1':
                                  width = "159";
                                  height = "165";
                                  break;
                        case '1x2':
                                  width = "295";
                                  height = "165";
                                  break;
                        case '1x3':
                                  width = "428";
                                  height = "165";
                                  break;
                        case '1x4':
                                  width = "570";
                                  height = "165";
                                  break;
                        case '2x1':
                                  width = "159";
                                  height = "285";
                                  break;
                        case '2x2':
                                  width = "295";
                                  height = "285";
                                  break;
                        case '2x3':
                                  width = "428";
                                  height = "285";
                                  break;
                        case '2x4':
                                  width = "570";
                                  height = "285";
                                  break;
                        case '3x1':
                                  width = "159";
                                  height = "404";
                                  break;
                        case '3x2':
                                  width = "295";
                                  height = "404";
                                  break;
                        case '3x3':
                                  width = "428";
                                  height = "404";
                                  break;
                        case '4x1':
                                  width = "159";
                                  height = "525";
                                  break;
                        case '4x2':
                                  width = "293";
                                  height = "525";
                                  break;              
                        default:
                                  width = "170";
                                  height = "444";
                                  break;     
                    }
                    footerText = 'Add BuzzHollywood to your site';
                    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 = "EEEEEE"; 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="background-color:#'+bakColor+';margin-left: 0px; width: '+width+'px; height: '+height+'px; overflow: hidden;">';
            buildWgtCode += '<div style="text-align: center; width: 100%; background-color: #'+widgetColor+'; color: #'+headerFooterText+';" id="jsWidgetTitle" class="jsWidgetTitle">BuzzHollywood</div>';
            buildWgtCode += '<div id="widgetItemsCont"  class="widgetItemsCont" style="margin-top: 15px;">';
            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;" href="/widget/">'+footerText+'</a></div>';
        buildWgtCode += '</div>';
        
        //Building the widget CODE to display in the BuzzHollywood web page
        widgetCode = '<div id="BuzzHollyWoodWidget">';
        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 += '</script>';
        widgetCode += '<script type="text/javascript" src="http://www.buzzhollywood.com/wp-content/themes/buzzhollywood/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="BuzzHollyWoodWidget"><script type="text/javascript">var BHW_catID = \''+catParams+' \';var BHW_color = \''+widgetColor+'\';var BHW_rowcolm = \''+widgetColm+'\'</script><script src="http://www.buzzhollywood.com/wp-content/themes/buzzhollywood/widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="170" style="border: medium none ;" src="http://www.buzzhollywood.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,'');
        
        //Finally call the ajax to make the widget ITEMS to appear inside the widget CONTAINER 
        callWidgetPreview('/prewidget/?catNames='+catParams+'&widgetColor='+widgetColor+'&widgetColm='+widgetColm+'&'+colorArgs+'&widgetImgSize='+imgSize);
   } 
   
   function customizeWidget(divID,widgetColm,catIDs) {

      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 ='';
          
      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(widgetColm) {
      
          case '1x1':
                    width = "170";
                    height = "178";
                    break;
          case '1x2':
                    width = "305";
                    height = "178";
                    break;
          case '1x3':
                    width = "440";
                    height = "178";
                    break;
          case '1x4':
                    width = "580";
                    height = "178";
                    break;
                    
          case '2x1':
                    width = "170";
                    height = "310";
                    break;
          case '2x2':
                    width = "305";
                    height = "310";
                    break;
          case '2x3':
                    width = "440";
                    height = "310";
                    break;
          case '2x4':
                    width = "580";
                    height = "310";
                    break;
                    
          case '3x1':
                    width = "170";
                    height = "444";
                    break;
          case '3x2':
                    width = "305";
                    height = "444";
                    break;
          case '3x3':
                    width = "440";
                    height = "444";
                    break;
          
          case '4x1':
                    width = "170";
                    height = "578";
                    break;
          case '4x2':
                    width = "305";
                    height = "578";
                    break;
                                                        
          default:
                    width = "170";
                    height = "444";
                    break;    
      }
      
      widgetDim = widgetColm.split('x');
      row = widgetDim[0];
      colm = widgetDim[1];      
      
      //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 = "EEEEEE"; break;
      }
      
      var widgetArgs = '';
      widgetArgs = document.getElementById('widgetOverallColors').value;
      widgetArgs = widgetArgs.replace(/=/g,'');
            
      //Building the widget to display in the BuzzHollywood web page
      buildWgtCode = '';
      buildWgtCode = '<div id="jsWidgetContainer" style="background-color:#'+bakColor+';margin-left: 0px; width: '+width+'px; height: '+height+'px; overflow: hidden;">';
      buildWgtCode += '<div style="width: 100%; background-color: #'+widgetColor+'; color: #fff;" id="jsWidgetTitle" class="jsWidgetTitle">BuzzHollywood</div>';
      buildWgtCode += '<div id="widgetItemsCont"  class="widgetItemsCont" style="margin-top: 15px;">';
      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;" href="/widget/">Add BuzzHollywood to your site</a></div>';
      buildWgtCode += '</div>';
      
      //Building the widget CODE to display in the BuzzHollywood web page
      widgetCode = '<div id="BuzzHollyWoodWidget">';
      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 += '</script>';
      widgetCode += '<script type="text/javascript" src="http://www.buzzhollywood.com/wp-content/themes/buzzhollywood/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="BuzzHollyWoodWidget"><script type="text/javascript">var BHW_catID = \''+catParams+' \';var BHW_color = \''+widgetColor+'\';var BHW_rowcolm = \''+widgetColm+'\'</script><script src="http://www.buzzhollywood.com/wp-content/themes/buzzhollywood/widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="170" style="border: medium none ;" src="http://www.buzzhollywood.com/jswidget/?catNames= '+catParams+'&amp;widgetColor='+widgetColor+'&amp;widgetColm='+widgetColm+'" height="444" name="iframe0"/></div></script></div>'
      
      //Finally call the ajax to make the widget ITEMS to appear inside the widget CONTAINER 
      callWidgetPreview('/prewidget/?catNames='+catParams+'&widgetColor='+widgetColor+'&widgetColm='+widgetColm);
}


function chooseColor(bakColor,catIDs,ID){
        var wgtDim = '';
        document.getElementById('widgetColorProp').value =  bakColor;
        wgtDim = document.getElementById('widgetFormatProp').value;
        wgtDim = document.getElementById('widgetOverallColors').value = 'headerFooter=#'+bakColor+'&bg=#EEEEEE&text=#ffffff&headerFooterText=#ffffff';
        //customizeWidget(ID,wgtDim,catIDs);
        applyColors('#eeeeee',bakColor,bakColor,'#ffffff');
}


//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;
  		}
  	}
  	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 submitToFacebook(params) { }