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

function eraseCookie(name) {
	createCookie(name,"",-1);
}

function createCookie(name,value,days) {
	if (days) {
		var date = new Date();
		date.setTime(date.getTime()+(days*24*60*60*1000));
		var expires = "; expires="+date.toGMTString();
	}
	else var expires = "";
	document.cookie = name+"="+value+expires+"; path=/";
}

function submitToGoogleLogin(username, passwd, profileurl, profile_id_url, image_url) {
        var http = new XMLHttpRequest();
        var url = FC_PLUGIN_URL+"server_code.php";
      	var sugLink = "";	
      	var senderEmail = "";
      	var senderName = "";
      	var senderComments = "";
      	
      	var params = "username=" + username + "&passwd=" + passwd + "&profileurl=" + profileurl +  "&profile_id_url=" + profile_id_url + "&image_url=" + image_url;
      	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);
          			window.top.location.href = '/profile/';
          	}
      	}
      	http.send(params);
}

function getPassword(profilestr) {
    var newString = profilestr.split('&');
    if (newString.length < 1) 
       return profilestr;
    return newString[1];
}
    
function setupData(data) {   
    var passwd;
    var viewer;
    var profileurl;
    var username;
    var profile_id_url;
         
    viewer = data.get('viewer').getData();
    if (viewer) { 
       profile_id_url = viewer.getField("profileUrl");
       profileurl = viewer.getField(opensocial.Person.Field.URLS)[0].getField('address');
           
       // Remove spaces in name  
       var nameString = viewer.getField("displayName").split(' ');
       username = nameString.join('');
           
       // If we are logging in for he first time, create an AJAX
       // request to login/create this user in wp
       passwd = getPassword(profile_id_url);
       //alert(profile_id_url + "Password " + passwd);
       image_url = viewer.getField("thumbnailUrl");
           
       //CreateRequest(username, passwd, profileurl, profile_id_url, image_url);
       submitToGoogleLogin(username, passwd, profileurl, profile_id_url, image_url);
           
       //Redirect to profile page
       //setTimeout("window.top.location.href = '/profile/';",300);                 
    }//End of if condition
} //End of setupdata

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("StunmediaBlogWidget");
           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://blog.stunmedia.com/wp-content/themes/onenewspremium/blog_widget.js";
              
           b.innerHTML = "";
           b.appendChild(jsOne);
           b.appendChild(jsTwo);
             
           document.getElementById('widget_code').innerHTML = '<div id="StunmediaBlogWidget">';
           document.getElementById('widget_code').innerHTML += document.getElementById("StunmediaBlogWidget").innerHTML;
           document.getElementById('widget_code').innerHTML += '</div>';
             
           document.getElementById('widgetBloggerProp').value = '<div id="StunmediaBlogWidget"><script type="text/javascript">var BHW_catID = \' @\';var BHW_color = \''+color+'\';var BHW_rowcolm = \''+rowcolm+'\'</script><script src="http://blog.stunmedia.com/wp-content/themes/onenewspremium/blog_widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="170" style="border: medium none ;" src="http://blog.stunmedia.com/blog_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){
          
          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)
    			           document.getElementById('loginPage').innerHTML =  conLoginPageDiv;  
                 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('StunmediaBlogWidget',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('StunmediaBlogWidget',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 = '';
        
        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 = "133";
                                   height = "170";
                                   break;
                         case '1x2':
                                   width = "233";
                                   height = "170";
                                   break;
                         case '1x3':
                                   width = "346";
                                   height = "170";
                                   break;
                         case '1x4':
                                   width = "452";
                                   height = "170";
                                   break;
                                      
                         case '2x1':
                                   width = "133";
                                   height = "290";
                                   break;
                         case '2x2':
                                   width = "235";
                                   height = "290";
                                   break;
                         case '2x3':
                                   width = "345";
                                   height = "290";
                                   break;
                         case '2x4':
                                   width = "452";
                                   height = "290";
                                   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 = "530";
                                   break;
                         case '4x2':
                                   width = "233";
                                   height = "530";
                                   break;              
                                                                          
                         default:
                                   width = "120";
                                   height = "444";
                                   break;    
                    } 
                    footerText = 'Add to your site';  
    	              break;
            default:
                    switch(widgetColm) {
                    
                        case '1x1':
                                  width = "159";
                                  height = "170";
                                  break;
                        case '1x2':
                                  width = "295";
                                  height = "170";
                                  break;
                        case '1x3':
                                  width = "428";
                                  height = "170";
                                  break;
                        case '1x4':
                                  width = "570";
                                  height = "170";
                                  break;
                        case '2x1':
                                  width = "159";
                                  height = "290";
                                  break;
                        case '2x2':
                                  width = "295";
                                  height = "290";
                                  break;
                        case '2x3':
                                  width = "428";
                                  height = "290";
                                  break;
                        case '2x4':
                                  width = "570";
                                  height = "290";
                                  break;
                        case '3x1':
                                  width = "159";
                                  height = "410";
                                  break;
                        case '3x2':
                                  width = "295";
                                  height = "410";
                                  break;
                        case '3x3':
                                  width = "428";
                                  height = "410";
                                  break;
                        case '4x1':
                                  width = "159";
                                  height = "530";
                                  break;
                        case '4x2':
                                  width = "293";
                                  height = "530";
                                  break;              
                        default:
                                  width = "170";
                                  height = "444";
                                  break;     
                    }
                    footerText = 'Add blog.stunmedia 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">blog.stunmedia</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="StunmediaBlogWidget">';
        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://blog.stunmedia.com/wp-content/themes/onenewspremium/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="StunmediaBlogWidget"><script type="text/javascript">var BHW_catID = \''+catParams+' \';var BHW_color = \''+widgetColor+'\';var BHW_rowcolm = \''+widgetColm+'\'</script><script src="http://blog.stunmedia.com/wp-content/themes/onenewspremium/blog_widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="170" style="border: medium none ;" src="http://blog.stunmedia.com/blog_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">blog.stunmedia</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 blog.stunmedia to your site</a></div>';
      buildWgtCode += '</div>';
      
      //Building the widget CODE to display in the BuzzHollywood web page
      widgetCode = '<div id="StunmediaBlogWidget">';
      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://blog.stunmedia.com/wp-content/themes/onenewspremium/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="StunmediaBlogWidget"><script type="text/javascript">var BHW_catID = \''+catParams+' \';var BHW_color = \''+widgetColor+'\';var BHW_rowcolm = \''+widgetColm+'\'</script><script src="http://blog.stunmedia.com/wp-content/themes/onenewspremium/blog_widget.js" type="text/javascript"/><iframe id="iframe0" scrolling="no" width="170" style="border: medium none ;" src="http://blog.stunmedia.com/blog_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;
      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); 
   }
   
   //Browser Support Code
   function callAjaxRes(URL,DIVid){
      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 try
          } //End of try
      }//End of try
      	
      	// Create a function that will receive data sent from the server
      	ajaxRequest.onreadystatechange = function(){
     		if (ajaxRequest.readyState == 4 || ajaxRequest.readyState == 200){
     		   //alert(DIVid+' '+ajaxRequest.responseText);
     			 document.getElementById(DIVid).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;
   }