function changeStyleHover(id, cl) { $(id).each(function() { $(this).hover(function() { $(this).addClass(cl) }, function() { $(this).removeClass(cl) }) }) }
$(document).ready(function() {
    $('#ja_header_jsfade').before('<div id="nav" style="top: 400px;"><span style="width:490px;display:block"><span id="resumeButton" style="color:#fff">Play</span> | <span id="pauseButton" style="color:#fff">Pause</span></span>').cycle({
        speed: 2000,
        timeout: 8500,
        slideHeight: 350
    });

    var beingShown = false;
    var shown = false;

    $('#slideshow').hover(
		function() {
		    if (beingShown || shown) {
		        return;
		    } else {
		        beingShown = true;
		        $('#nav').animate({
		            top: "278px",
		            opacity: 1
		        }, 800, null, function() {
		            beingShown = false;
		            shown = true;
		        });
		    }
		},
		function() {
		    if (!beingShown) {
		        $('#nav').animate({
		            top: "390px"
		        }, 500, null, function() {
		            shown = false;
		        });
		    }
		}
	);

    $('#pauseButton').click(function() {
        $('#ja_header_jsfade').cycle('pause');
    });
    $('#resumeButton').click(function() {
        $('#ja_header_jsfade').cycle('resume');
    });

    $("#nav").ready(function() {
        changeStyleHover("#resumeButton", "yellowText");
        changeStyleHover("#pauseButton", "yellowText");
        //ipro_preload_slideshow_homepage();
    });
});
$(document).ready(function() { ipro_preload_slideshow_homepage() });
function ipro_preload_slideshow_homepage() {
    $("#slide_show_hidden > input").each(function() {
        var img_link = $(this).val();
        //var img_id = new Date().getTime();
        var img_id = $(this).attr("id");
        $("#ja_header_jsfade").append("<img src=\"" + img_link + "\" id='" + img_id + "' style='cursor:pointer' title='xem ảnh' />");
        //$("#nav").append("<span class='SSsmallImg'><a href='#'><img src='"+img_value+"' width='50' height='50' /></a></span>");
    });
    $('#ja_header_jsfade').cycle({
        speed: 2000,
        timeout: 8500,
        slideHeight: 350,
        pager: '#nav',
        pagerAnchorBuilder: function(idx, slide) {
            return '<span class="SSsmallImg"><a href="#"><img src="' + slide.id + '" width="50" height="50" /></a></span>';
        }
    });
}

function show_hide_moisoidongnhat(id) {
    if (trim($("." + id).html()) == "+") {
        $("." + id).html("-");
        //$(".collap_"+id).slideUp();
        //$(".expand_"+id).slideDown();
        $(".collap_" + id).css("display", "none");
        $(".expand_" + id).css("display", "");
    } else {
        $("." + id).html("+");
        //$(".collap_"+id).slideDown();
        //$(".expand_"+id).slideUp();
        $(".collap_" + id).css("display", "");
        $(".expand_" + id).css("display", "none");
    }
}