$(function(){
    var init_cate = $('select#theme_category').val();
    if (init_cate>0) findsub(init_cate);
    
    load_data(); //init content.
    build_script_code(); //init script code.
    
        $('input#theme_height,input#theme_width,input#theme_keywords').change(function(){
             build_script_code();
         });
     $('table#wiget_theme a').click(function(){
         $('#wiget_theme a').removeClass();
         $(this).addClass('widgetThemeSelected');
         var value = $(this).attr('title');
     
         $('input#theme_css').val(value);
         
         $('div#change_theme').removeClass().addClass(value);
         
         build_script_code();
         
     });
     $('div#partb select').change(function(){
         build_script_code();
     }) 
    
    .filter('select#theme_category,select#theme_sub,select#theme_type,select#theme_number,select#theme_display').change(function(){         
        load_data();
    }).end().filter('select#theme_border').change(function(){
        if (this.value>0) $('div#change_theme').css('border','medium');
        else $('div#change_theme').css('border','');
    }).end().filter('select#theme_category').change(function(){
         findsub(this.value);
    }).end();  
   $('#theme_keywords').blur(function(){
       load_data();
   });  
});

function findsub(id)
{
    $.post('/widget/widget.php',{ findsub : id },function(data){
        if (data)
        {
            data = '<option selected="yes" value="">Choose</option>'+data;                
            $('select#theme_sub,span#sub_title').show().filter('select#theme_sub').html(data);
        }
        else $('select#theme_sub,span#sub_title').hide().filter('select#theme_sub').html('');
    });
}

function load_data()  
{  
    var keywords = $('input#theme_keywords').val();
    
    var sub = $('select#theme_sub').val();
      
    if (!sub) sub='';

    var category = $('select#theme_category').val();

    var type = $('select#theme_type').val();

    var number = $('select#theme_number').val();

    var display = $('select#theme_display').val();  

    var windows = $('select#theme_windows').val();

    $.post('/widget/widget.php',{keywords:keywords, internal : 1 ,category : category,sub_cat : sub, type : type , number : number , display :display,windows : windows },function(data){            
    $('div#widgetContent').html(data);
    });                
}
  
function build_script_code() 
{
    var keywords = $('input#theme_keywords').val();
    
    var category = $('select#theme_category').val();

    var sub = $('select#theme_sub').val();

    if (!sub) sub='0';    

    var number = $('select#theme_number').val();

    var display = $('select#theme_display').val();  

    var border = $('select#theme_border').val();

    var css  = $('input#theme_css').val();

    var windows = $('select#theme_windows').val();

    var width = $('input#theme_width').val();

    var height = $('input#theme_height').val();

    var str;

    var hostname = "http://" + document.location.hostname;
   

    str ='&lt;script type="text/javascript" &gt; \r\n var api_css = \''+css+'\'; \r\n var api_height =\''+height+'\'; \r\n var api_width = \''+width+'\';\r\n var api_windows = \''+windows+'\';\r\n var api_border = \''+border+'\';\r\n &lt;/script&gt;\r\n&lt;script type="text/javascript" src="'+hostname+'/widget/code/wiget.js"&gt;&lt;/script&gt; \r\n &lt;a class="widgetBoxFoo" target="_blank" href="http://wareseeker.com"&gt;Free Download Software&lt;/a&gt;&lt;script type="text/javascript" src="' + hostname + '/widget/code/api_footer.js"&gt;&lt;/script&gt;\r\n &lt;script type="text/javascript" src="' + hostname + '/widget/widget.php?keywords='+keywords+'&internal=0&windows='+windows+'&number='+number+'&display='+display+'&category='+category+'&sub_cat='+sub+'"&gt;&lt;/script&gt;';

    $('#theme_code').html(str);       
}