var objofclriscreated = false;
current_gadgets = 'weather';
if (document.addEventListener) {
   $('clck_wrap').addEventListener('mouseover', show_menu_option,false);
   $('clck_wrap').addEventListener('mouseout', hide_menu_option,false);
}
else {
   $('clck_wrap').attachEvent('onmouseover',show_menu_option);
   $('clck_wrap').attachEvent('onmouseout',hide_menu_option);
}


// fix png problem for ie 5.5 and 6
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ( (version >= 5.5) && (version < 7) && (document.body.filters)) {
   $('clck_wrap_bg').style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.smartwebgadgets.com/gad_image/weather.png', sizingMethod='scale')";
   $('clck_wrap_bg').style.backgroundImage = 'none';
}




if (window.addEventListener) {
   document.addEventListener('mouseover', MouseOutExe,false);
   window.addEventListener("load", initializemarquee, false);
}
else if (window.attachEvent) {
  document.attachEvent('onmouseover', MouseOutExe);
  window.attachEvent("onload", initializemarquee);
}
else if ($) {
  window.onload = MouseOutExe;
  window.onload = initializemarquee;
}
   
   
   
function MouseOutExe(e) {
  e = Event.element(e);
  if ( (e.id == 'spn_logo_options') || (e.parentNode.id == 'spn_logo_poped') || (e.id == 'spn_logo_poped') || (e.parentNode.id == 'more_gadgets')  ) {
	 if (!$('spn_logo_poped') &&  !$('sendtofrnd') ) {
	   // get the gadgets id
	   var urll = location.href.split('=');
	   gid = urll[1];
	   // get the spn logo position
	   var spnpos = Position.cumulativeOffset($('spn_logo_options'));
	   p = document.createElement('div');
	   p.id = 'spn_logo_poped';
	   p.className = 'spn_logo_class';
	   Element.setStyle(p,{zIndex:1000,position:'absolute',top:spnpos[1]- 45+'px',left:spnpos[0]-73+'px',display:'none'});
	   var rexp = new RegExp("import-ajax","g");
       if (location.href.match(rexp))  {  // check it that from where the request coming in either from own site or from another
	      p.innerHTML = '<div id="more_gadgets" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'more_gadgets\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'more_gadgets\').style.backgroundColor=\'#FEFEFE\';"><a href="http://www.smartwebgadgets.com/get-gadgets.php?id='+gid+'" target="_blank" style="color:#2B8CB4; text-decoration:none;"><img src="http://www.smartwebgadgets.com/gad_image/circle.gif" border="0" />&nbsp;Add to My Site</a></div><div id="sendtofriend" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onclick="javascript:send_to_frnd('+gid+'); return false;" onmouseover="javascript:$(\'sendtofriend\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'sendtofriend\').style.backgroundColor=\'#FEFEFE\';"><img src="http://www.smartwebgadgets.com/gad_image/sndfrnd.gif" border="0" >&nbsp;Send to Friend</div><div id="help" style="cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'help\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'help\').style.backgroundColor=\'#FEFEFE\';"><a href="http://www.smartwebgadgets.com/get-gadgets.php?id='+gid+'" target="_blank" style="color:#2B8CB4; text-decoration:none;"><img src="http://www.smartwebgadgets.com/gad_image/question.gif" border="0" >&nbsp;Help</a></div>'; 
	   }
	   else { 
	      p.innerHTML = '<div id="more_gadgets" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'more_gadgets\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'more_gadgets\').style.backgroundColor=\'#FEFEFE\';" onclick="javascript:get_gadgets('+gid+'); return false;"><img src="http://www.smartwebgadgets.com/gad_image/circle.gif" border="0" />&nbsp;Add to My Site</div><div id="sendtofriend" style="border-bottom:1px solid #4B6971;cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onclick="javascript:send_to_frnd('+gid+'); return false;" onmouseover="javascript:$(\'sendtofriend\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'sendtofriend\').style.backgroundColor=\'#FEFEFE\';"><img src="http://www.smartwebgadgets.com/gad_image/sndfrnd.gif" border="0" >&nbsp;Send to Friend</div><div id="help" style="cursor:pointer;text-align:left;padding-left:2px;;color:#2B8CB4;height:15px;" onmouseover="javascript:$(\'help\').style.backgroundColor=\'#98DEFD\';" onmouseout="javascript:$(\'help\').style.backgroundColor=\'#FEFEFE\';" onclick="javascript:get_gadgets('+gid+'); return false;"><img src="http://www.smartwebgadgets.com/gad_image/question.gif" border="0" >&nbsp;Help</div>';
	   }
		
		document.body.appendChild(p);
	    new Effect.toggle('spn_logo_poped','appear',{duration:0.5});
	 }
  }
  else { 
	 if ($('spn_logo_poped') ) 
	   new Effect.toggle('spn_logo_poped','appear',{duration:0.5,afterFinishInternal:function(){$('spn_logo_poped').remove();}});
	   //$('spn_logo_poped').remove();
  }
} // end function

// get and set cookie
var kokie = Cookie.get('swg_weather_cookie');
if ( (kokie != null) &&  (kokie != '') && (typeof kokie != 'undefined') ) { 
   var kokie_arr = kokie.split('&');
   var kokie_theme_color = kokie_arr[0];
   var kokie_text_color = kokie_arr[1];
   var zipcode = kokie_arr[2];
   var units = kokie_arr[3];
}
else { 
   var kokie_theme_color = 'FF0000';
   var kokie_text_color = 'EDEAEA';
   var zipcode = '92835';
   var units = 'C';
}


$('clck_wrap_bg').style.backgroundColor = "#"+kokie_theme_color;
$('inworddd').style.color   = "#"+kokie_text_color;
$('locations').style.color = "#"+kokie_text_color;
$('degreecf').style.color = "#"+kokie_text_color;
$('poweredby').style.color = "#"+kokie_text_color;
$('adspan').childNodes[0].style.color   = "#"+kokie_text_color;
$('spn_logo_options').style.color = "#"+kokie_text_color;



function show_menu_option() { 
  $('menusforoption').style.display = 'block';
  $('menusforoption').style.zIndex = 1000;
}
function hide_menu_option() { 
  $('menusforoption').style.display = 'none';
}
function show_picker_option() { 
   if ($('colorpicker_shows')) return false;
   if(!objofclriscreated) objofclriscreated = true;
   var obj = document.createElement('div');
   obj.id = 'colorpicker_shows';
   obj.style.zIndex = 1500;
   //obj.innerHTML = '<div id="color"><img src="http://www.smartwebgadgets.com/gad_image/color.gif" width="141" height="29" alt="" title="Close" style="cursor:pointer;" onclick="javascript:close_clpic(); return false;"/></div><div style="background-color:#090909"><div id="pic" style="height:130px;"></div><div id="color_select" align="left"><div style="padding-left:5px;font-size:11px;color:#FFFFFF;"><input type="text" name="theme_text" id="theme_color_input" value="'+kokie_theme_color+'" size="15" class="in_txt"/>&nbsp;<strong>Theme Color</strong> </div><div style="padding-left:5px;font-size:11px;color:#FFFFFF;"><input type="text" name="theme_text" id="text_color_input" value="'+kokie_text_color+'" size="15" class="in_txt"/>&nbsp;<strong>Text Color</strong></div></div><div id="color_save"><div style="padding-right:10px;"><img src="http://www.smartwebgadgets.com/gad_image/save.gif" style="cursor:pointer" alt="Save" id="saving" onclick="javascript:save_color_alpha(); return false" /></div></div></div><div id="colorbot"><img src="http://www.smartwebgadgets.com/gad_image/color-07.gif" width="141" height="6" alt="" /><input type="hidden" name="alphaval" id="alphaval" /></div>';

   obj.innerHTML = '<div style="background-color:#090909"><div id="color_bdy"><div id="pic" style="height:110px;float:left;width:129px;"></div><div style="float:right;width:8px;padding-top:2px; padding-right:2px;cursor:pointer" onclick="javascript:close_clpic(); return false;"><img src="http://www.smartwebgadgets.com/gad_image/x.gif" alt="" title="Close" /></div></div><div id="color_select" align="left"><div style="padding-left:6px;font-size:11px;color:#FFFFFF;"><button style="width:10px;height:12px;" id="bgc"></button>&nbsp;<input type="hidden" name="theme_text" id="theme_color_input" value="'+kokie_theme_color+'" size="15" /><strong>BG</strong>&nbsp;<button style="width:10px;height:12px;" id="txc"></button>&nbsp;<input type="hidden" name="theme_text2" id="text_color_input" value="'+kokie_text_color+'" size="15" /><strong>Text</strong><span style="padding-left:3px;"><img src="http://www.smartwebgadgets.com/gad_image/save.gif" style="cursor:pointer" alt="Save" id="saving" onclick="javascript:save_color_alpha(); return false" /></span></div></div></div>';


var pos = Position.cumulativeOffset($('menusforoption'));
 obj.style.position = 'absolute';
 obj.style.left = (pos[0] - 100) +'px';
 obj.style.top = (pos[1] - 4 ) +'px';
 document.body.appendChild(obj);
 if (objofclriscreated) { 
   new Control.ColorPicker("theme_color_input",{ "swatch" : "ccpic" });
   new Control.ColorPicker("theme_color_input",{ "swatch" : "bgc" });
   new Control.ColorPicker("text_color_input",{ "swatch" : "txc" });
 }
}

function close_clpic() { 
  $('colorpicker_shows').remove();
  Element.hide($("colorpicker"));
}


function show_location_menu() { 
  if ($('colorpicker_shows')) {$('colorpicker_shows').remove();}
  $('clck_header').style.display = 'none';
  $('forecastdiv').style.display = 'block';
  
}
function cancel_save() { 
  $('clck_header').style.display = 'block';
  $('forecastdiv').style.display = 'none';
}

function save_location_unit() { 
  var zip = $('zipcode').value;
  var unitt;
  if ( (zip == '') || (zip == null)  ) { 
    alert('You Must Enter A Zip Code to Get Information'); return false;
  }
  if ( (isNaN(zip)) || ( zip.length < 5 ) ) { 
    alert('You Must Enter A Valid Zip Code to Get Information'); return false;
  }
  if ($('edit_deg').checked) unitt = 'C';
  else unitt = 'F';
  
  $('indication').style.display = 'block';
 var parms = 'themecolor='+kokie_theme_color+'&textcolor='+kokie_text_color+'&zip='+zip+'&unit='+unitt;
 new Ajax.Request('http://www.smartwebgadgets.com/get-weather-info.php', {method: 'post', parameters: parms, onComplete: weather_update});
}
function weather_update(wreq) {  
  var data = wreq.responseText.split('!!');
  d = data[2];
  $('weather_image_holder').innerHTML = data[1]; // image
  $('locations').innerHTML = data[0]; // location
  $('degreecf').innerHTML = d; // degree
  $('inworddd').innerHTML = data[3]; // inword
  $('indication').style.display = 'none';
  $('clck_header').style.display = 'block';
  $('forecastdiv').style.display = 'none';
}

function save_color_alpha() { 
  if ($('colorpicker'))  {$('colorpicker').style.display = 'none'; }  
  var themecolor = $('theme_color_input').value; 
  var textcolor = $('text_color_input').value; 
  //var alpha = $('alphaval').value; 
  if (themecolor == '') themecolor = 'FF0000';
  if (textcolor == '') themecolor = 'EDEAEA';
  //if (alpha == '') alpha = '1.0';
   $('colorpicker_shows').style.color = '#ffffff';
   $('colorpicker_shows').style.fontSize = '11px';
   $('colorpicker_shows').innerHTML = '<div id="color"><img src="http://www.smartwebgadgets.com/gad_image/color.gif" width="141" height="29" alt="" title="Close" style="cursor:pointer;" onclick="javascript:$(\'colorpicker_shows\').remove(); return false;"/></div><div style="height:50px; width:141px; background-color:#000000;"><img src="http://www.smartwebgadgets.com/images/indicator.gif" border="0" />Processing...Wait...<img src="http://www.smartwebgadgets.com/images/indicator.gif" border="0" /></div><div id="colorbot"><img src="http://www.smartwebgadgets.com/gad_image/color-07.gif" width="141" height="6" alt="" />';
  var parms = 'themecolor='+themecolor+'&textcolor='+textcolor+'&zip='+zipcode+'&unit='+units+'&gadgets=weather';
  new Ajax.Request('http://www.smartwebgadgets.com/update-color-alpha.php', {method: 'post', parameters: parms, onComplete: coloroption_update});
}
function coloroption_update(req) { 
	if (req.responseText == 'success') { 
       $('colorpicker_shows').remove();  
    }
    else { 
         $('colorpicker_shows').style.color = '#ffffff';
         $('colorpicker_shows').innerHTML = '<div id="color"><img src="http://www.smartwebgadgets.com/gad_image/color.gif" width="141" height="29" alt="" title="Close" style="cursor:pointer;" onclick="javascript:$(\'colorpicker_shows\').remove(); return false;"/></div><div style="height:50px; width:141px; background-color:#000000;">Couldnt Save the data. Posible Cause - Your Cookie Is Not Enabled</div><div id="colorbot"><img src="http://www.smartwebgadgets.com/gad_image/color-07.gif" width="141" height="6" alt="" />';
	}
}
