(function() {

    // Localize jQuery variable
    var jQuery;
    

    /******** Load jQuery if not present *********/
    if (window.jQuery === undefined || window.jQuery.fn.jquery !== '1.4.2') {
        var script_tag = document.createElement('script');
        script_tag.setAttribute("type","text/javascript");
        script_tag.setAttribute("src",
            "http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js");
        script_tag.onload = scriptLoadHandler;
        script_tag.onreadystatechange = function () { // Same thing but for IE
            if (this.readyState == 'complete' || this.readyState == 'loaded') {
                scriptLoadHandler();
            }
        };
        // Try to find the head, otherwise default to the documentElement
        (document.getElementsByTagName("head")[0] || document.documentElement).appendChild(script_tag);
    } else {
        // The jQuery version on the window is the one we want to use
        jQuery = window.jQuery;
        main();
    }

    /******** Called once jQuery has loaded ******/
    function scriptLoadHandler() {
        // Restore $ and window.jQuery to their previous values and store the
        // new jQuery in our local jQuery variable
        jQuery = window.jQuery.noConflict(true);
        // Call our main function
        main(); 
    }

    /******** Our main function ********/
    function main() { 
        jQuery(document).ready(function($) { 
            /******* Load CSS *******/
            var css_link = $("<link>", { 
                rel: "stylesheet", 
                type: "text/css", 
                href: "http://www.ontoplist.com/widget/style.css" 
            });
            css_link.appendTo('head');          

            /******* Load HTML *******/
            var jsonp_url = "http://www.ontoplist.com/widget/get_data.php?tp_id="+toplist_id+"&cat_id="+category_id+"&callback=?";
           
            $.getJSON(jsonp_url, function(data) {
            	//alert(data);
              $('#widget-container').html(data.html);
              
		        $('div.row').each(function(index){
		        	$('#test'+index).hover(function() {
				        $('#info'+index).fadeIn("fast");
				        //alert('rollover here');
				        }, function () {
				        $('#info'+index).fadeOut();
			        });
		        });
		        /*
		        alert($('#widget-container').offset().left);
		        alert($(document).width());

		        if (($(document).width() / 2) > $('#widget-container').offset().left)
		        {
		        	alert('dd');
		        	$('div.popup').css("left", "100px");
		        }
		        else
		        {
		        	alert('ss');
		        	$('div.popup').css("right", "150px");
		        }
		        */
            });
            
            

            
        });
    }
    
    

    
   

    })(); // We call our anonymous function immediately