$(document).ready(function(){
    $("#samples img").click(function(){
        var src = $(this).attr("alt");
        var html = "";
        if(src.search("mp3") != -1){
            html = audioHTML(src);
        }else{
            html = videoHTML(src);
        }
        popup(html);
    })
    $("#close").click(function(){
        try{
            $("audio")[0].pause();
        }catch(err){
            
        }
        $("#inner_img_float").hide();
        $("#inner_img_float").html("");
        $("#showImage").hide();
    })
    function videoHTML(src){
        var video = '<embed src="./video/'+src+'" autostart="true" height="255" width="320" />'
        return "<div style='text-align:center'><img id='video' src='./images/commercial/popup/"+src.replace(".mov",".png")+"' alt='voices' /><br /><br />"+video+"</div>";
    }
    function audioHTML(src){
        var audio = "<audio src='./audio/"+src+"' controls='controls' autoplay='autoplay'><embed src='./audio/"+src+"' width='140' height='40' autostart='true' loop='FALSE'> </embed></audio>";
        audio = "<embed src='./audio/"+src+"' width='140' height='15' autostart='true' loop='FALSE'> </embed>";
        return "<div style='text-align:center'><img id='audio' src='./images/voice/popup/"+src.replace(".mp3",".png")+"' alt='voices' /><br /><br />"+audio+"</div>";
    }
    function popup(html){
        $("#showImage").show();
        $("#inner_img_float").html(html);
        $("#inner_img_float").show();
    }
})