var Layout=new Object();Layout.width=468;Layout.maxGadgetHeight=150;Layout.gadgets=new Array('flickr','youtube');Layout.options=new Object();Layout.options.columns=0;Layout.EncodeOptions=function()
{Layout.json=jQuery.toJSON(Layout.options);jQuery('#gadget_area_options').val(Layout.json);};Layout.BuildLayoutSelector=function()
{jQuery('#gadget_container').css('width',Layout.width);jQuery('#gadget_container').prepend('<div id="gadget_area_selector"><label>How many gadgets?</label><label for="number_of_gadgets_0">0</label><input type="radio" name="number_of_gadgets" value="0" id="number_of_gadgets_0" /><label for="number_of_gadgets_1">1</label><input type="radio" name="number_of_gadgets" value="1" id="number_of_gadgets_1" /><label for="number_of_gadgets_2">2</label><input type="radio" name="number_of_gadgets" value="2" id="number_of_gadgets_2" /><label for="number_of_gadgets_3">3</label><input type="radio" name="number_of_gadgets" value="3" id="number_of_gadgets_3" /></div>');jQuery('#gadget_area_selector input').each(function(){if(jQuery(this).val()==Layout.options.columns){jQuery(this).attr('checked','checked');}});jQuery('#gadget_area_selector input').click(function(){Layout.options=new Object();Layout.options.columns=0;if(jQuery(this).val()>0){Layout.options.columns=jQuery(this).val();for(var i=0;i<Layout.options.columns;i++){Layout.options['column_'+i]=new Object();Layout.options['column_'+i]['width']=((Layout.width/Layout.options.columns)-10).floor();}}
Layout.EncodeOptions();jQuery('.gadget_area').remove();Layout.Render();});};Layout.Render=function(frontend)
{if(Layout.options.columns){for(var i=0;i<Layout.options.columns;i++){var _gadget_area_options=Layout.options['column_'+i];jQuery('#gadget_container').append('<div class="gadget_area" id="gadget_area_'+i+'"></div>');jQuery('#gadget_area_'+i).css('width',_gadget_area_options.width+'px');jQuery('#gadget_area_'+i).css('float','left');Layout.RenderGadgetArea(i,frontend);};jQuery('#gadget_container').find('br.clear').remove().append('<br class="clear" />');jQuery('#gadget_container').prev('.flickr').show();}else{jQuery('#gadget_container').prev('.flickr').remove();}};Layout.RenderGadgetArea=function(gadget_area_id,frontend)
{var _gadget_area_options=Layout.options['column_'+gadget_area_id];var _gadget_area=jQuery('#gadget_area_'+gadget_area_id);if(_gadget_area_options.type!=undefined){var type=_gadget_area_options.type;_gadget_area.find('.gadget_content').html('<img src="/images/gadget-loader.gif" alt="" class="gadget_loading" />').css('background','#ccc');var option=(_gadget_area_options[type]!=undefined)?_gadget_area_options[type].id:'';var village=_gadget_area.parent().find('#gadget_village').val();var culture=_gadget_area.parent().find('#gadget_culture').val();if(village&&culture){var post_url='/'+village+'/'+culture+'/gadget/'+type;}else if(culture){var post_url='/'+culture+'/gadget/'+type;}else{var post_url='/gadget/'+type;}
jQuery.get(post_url,{id:option,gadget_area_id:gadget_area_id},function(data){_gadget_area.find('.gadget_options, .gadget_content').remove();_gadget_area.append(data);_gadget_area.find('.gadget_options').change(function(){if(jQuery(this).val()){Layout.options['column_'+gadget_area_id][type]=new Object();Layout.options['column_'+gadget_area_id][type].id=jQuery(this).val();Layout.EncodeOptions();Layout.RenderGadgetArea(gadget_area_id,true);Layout[type+'Callback'](gadget_area_id,_gadget_area,frontend);}});Layout[type+'Callback'](gadget_area_id,_gadget_area,frontend);});}
if(!frontend){Layout.BuildGadgetSelector(gadget_area_id);}};Layout.BuildGadgetSelector=function(gadget_area_id)
{var _gadget_area=jQuery('#gadget_area_'+gadget_area_id);_gadget_area.find('.gadget_type_selector').remove();_gadget_area.append('<select class="gadget_type_selector"><option value="" style="font-weight: bold">Please choose a gadget&hellip;</option></select>');var _gadget_selector=_gadget_area.find('.gadget_type_selector');for(var i=0;i<Layout.gadgets.length;i++){var selected=(Layout.options['column_'+gadget_area_id]['type']==Layout.gadgets[i])?'selected="selected"':'';_gadget_selector.append('<option value="'+Layout.gadgets[i]+'" '+selected+'>'+Layout.gadgets[i]+'</option>');};_gadget_selector.change(function(){Layout.options['column_'+gadget_area_id]['type']=jQuery(this).val();Layout.EncodeOptions();Layout.RenderGadgetArea(gadget_area_id,true);});_gadget_area.find('.gadget_type_selector').after('<select class="gadget_options" style="visibility: hidden;"><option value="" disabled="disabled">Please choose a gadget from the dropdown above!</option></select>');var current_id='';if(Layout.options['column_'+gadget_area_id]){if(Layout.options['column_'+gadget_area_id]['type']){if(Layout.options['column_'+gadget_area_id][Layout.options['column_'+gadget_area_id]['type']]){current_id=Layout.options['column_'+gadget_area_id][Layout.options['column_'+gadget_area_id]['type']]['id'];}}}
if(current_id){_gadget_area.append('<div class="gadget_content unassigned"><img src="/images/gadget-loader.gif" alt="" class="gadget_loading" /></div>');}else{_gadget_area.append('<div class="gadget_content unassigned"><p>Please choose a gadget from the dropdown box above</p></div>');}};Layout.flickrCallback=function(gadget_area_id,_gadget_area,frontend)
{if(!frontend){_gadget_area.find('.gadget_options option:first').text('Please choose a photoset from this list...');}};Layout.youtubeCallback=function(gadget_area_id,_gadget_area,frontend)
{if(!frontend){_gadget_area.find('.gadget_options option:first').text('Please choose a video from this list...');}
var id=_gadget_area.find('.gadget_youtube_to_create').attr('id');if(id){var gadget_width=_gadget_area.width();var video_ratio=0.652173913043478;var width=gadget_width;var height=Math.round(width*video_ratio);if(height>Layout.maxGadgetHeight){height=Layout.maxGadgetHeight;width=Math.round(height/video_ratio);}
var html='<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/'+id+'&amp;fs=1" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="'+width+'" height="'+height+'">';html+='<param name="movie" value="http://www.youtube.com/v/'+id+'&amp;fs=1" />';html+='<param name="wmode" value="transparent" />';html+='<param name="allowFullScreen" value="true" />';html+='<param name="allowscriptaccess" value="always" />';html+='<param name="bgcolor" value="#ffffff" />';html+='<param name="quality" value="high" />';html+='<a href="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" onclick="return !window.open(this.href);">You must have flash player installed to view this page. Please click here to install it</a>';html+='</object>';_gadget_area.find('.gadget_youtube_to_create').after(html).remove();}};