jQuery(document).ready(function() {

    jQuery('#themes li').tooltip('#preview',20,20);
    jQuery('#disable').css('opacity','0.5');
    jQuery('.dropdown ul li:first-child a').css('border-top', '0');
    jQuery('.dropdown ul li:last-child a').css('border-bottom', 'none');
    
    jQuery('.dropdown h2').click(function() {
    
        if(jQuery(this).next('.list').css('display') == 'block'){
        
            jQuery(this).next('.list').fadeOut();
            jQuery(this).children('a').removeClass('up'); 
        
        } else {
        
            jQuery(this).children('a').addClass('up');
            jQuery(this).next('.list').show();
        }
        return false;
    });
        
    //Auto Height Stuff
         
    var h = jQuery(window).height();
    h = h - 110;
        
    //If the User resizes the window, adjust the #container height
    jQuery(window).bind("resize", resizeWindow);
    function resizeWindow( e ) {
        var newh = jQuery(window).height();
        newh = newh - 110; 
        jQuery('#iframe').height(newh)
    };

    jQuery('#iframe').height(h);
    jQuery('#styles h2 a').text('More Styles...');
    
    jQuery("#styles ul li").click(function(){
            
        var styleURL = jQuery(this).children('a').attr('rel');
        jQuery('#iframe').contents().find('link[href*="/styles/"]').attr('href',styleURL);
        
    });// end click
    
    var stylesList = jQuery('#styles ul li');
    
    jQuery("#themes li").click(function(){
    
        jQuery('#styles .list')
            .add('#styles .list')
            .add('#styles .list .inside')
            .add('#styles .list li')
            .attr('style','');

    
        jQuery("#themes li").removeClass('active');
        jQuery(this).addClass('active');
        var relurl = jQuery(this).children('a').attr('rel');
        var themeid = jQuery(this).attr('rel');         
        var name = jQuery(this).children('a').children().children('.name').text();
        var date = jQuery(this).children('a').children().children('.type').text();
        var type = jQuery(this).children('a').children().children('.version').text();
                
        stylesList.addClass('hidden');
        jQuery('#styles ul li.theme-id-' + themeid).removeClass('hidden'); 
                
        jQuery('#themes h2 a').html(name + ' <span>' + type + '</span>');
                  
        var buy = jQuery(this).children('a').attr('buy');
        var demo = jQuery(this).children('a').attr('demo');
                  
        jQuery('#purchase').attr('href',buy);
        jQuery('#close').attr('href',demo);
                 
        //Close Dropdown
        jQuery('#themes .list').slideToggle();
                
        if(jQuery('#styles .list').css('display') == 'block'){
            jQuery('#styles .list').hide();
        }
            
        callIframe(demo);   
        return false;
    });     
});

//Iframe Callback Function
function callIframe(url) {
    jQuery('#iframe').attr('src', url).css('visibility','hidden');
    jQuery('#disable').show();

    jQuery('#iframe').load(function() 
    {
        jQuery(this).css('visibility','visible');;
        jQuery('#disable').hide();
    });
}