// #@(#)jq_js_recruiter_homepage.js	1.1 09:40:19,11/02/21 (yy/mm/dd)
/**
 * @author MK
 * @projectDescription used on the jobsite recruiter page for the scroller 
 */

$(document).ready(function(){
	var strHTML = '';
    strHTML += '<div class="slidePanel">';
    strHTML += '<ul>';
	strHTML += '<li>';
    strHTML += '<a href="/brandcampaign/" class="panelLink"><img src="/images/newrec_home/max_2011.jpg" alt="New Jobsite TV Ads" width="180" height="155"></a>';strHTML += '</li>';
    strHTML += '<li>';
    strHTML += '<a href="http://www.jobsite.co.uk/cgi-bin/tr.cgi?tid=728074" class="panelLink"><img src="/images/newrec_home/soc_net.jpg" alt="Social Networking" width="180" height="155"></a>';strHTML += '</li>';
    strHTML += '<li>';
    strHTML += '<a href="/recruiter/featuredproducts.html" class="panelLink"><img src="/images/newrec_home/bmi.png" alt="Be My Interviewer" width="180" height="155"></a>';strHTML += '</li>';
    strHTML += '<li>';
    strHTML += '<a href="/recruiter/featuredproducts.html" class="panelLink"><img src="/images/newrec_home/semi_vac.jpg" alt="Semi Vacancy Ad" width="180" height="155"></a>';
    strHTML += '</li>';
    strHTML += '<li>';
    strHTML += '<a href="/recruiter/featuredproducts.html" class="panelLink"><img src="/images/newrec_home/premier_vac.jpg" alt="Premier Vacancy Ad" width="180" height="155"></a>';
    strHTML += '</li>';
    strHTML += '</ul>';
    strHTML += '</div><a href="#" class="next"><img src="/images/newrec_home/prev.png" width="25" height="25" alt="show previous..." /></a>';
    strHTML += '<a href="#" class="prev"><img src="/images/newrec_home/next.png" width="25" height="25" alt="show next..." /></a>';
    strHTML += '<div class="clear"></div>';
    $('#jotw').html(strHTML)
    
    $('#jotw').jCarouselLite({
        visible: 1,
        auto: 4000,
        speed: 1000,
        btnNext: '#jotw .prev',
        btnPrev: '#jotw .next'
    });
    $('.next , .prev').focus(function(event){
        $(this).blur();
    })
	$('#jotw').width(180)
});