jQuery.noConflict();

closePopup = function(domElement)
{
	return hs.close(domElement);
}

// popups

jQuery(function()

{
	var htmlContent='<span style="font-size:13px;font-weight: bold;color: brown; ">CVV</span><br/>'+
	 '<span style="font-size:11px;font-weight: bold;color: brown; ">'+
    'the 3 or 4 digit CVV number is printed on'+
    '<br/>the signature panel on the back of the card</span>'+
    '<br/><br/><img src="/Images/cvv.jpeg" />';
	
    jQuery('html').append('<div class="highslide-html-content" id="msgClosed" style="width: 350px; display: none; background-color: #fff">'+
    		'<div class="highslide-header">'+
    		'<ul style="list-style: none; padding: 0; margin: 0; text-align: right">'+
    		'<li class="highslide-close"><a title="close" href="#" onclick="return closePopup(this)" id="closeMsgClosed"><img src="/img/layout/button_x.jpg" border="0" /></a></li>'+
    		'</ul></div>'+
    		'<div class="highslide-body" style="background-color: fff; margin: 0 20px 0 20px; padding-bottom: 20px">'+
    		htmlContent + '</div></div>'
    );
    
    
    
    
    
    var htmlExtraSuburbPopup=
    '<div style="height:100px;">'+
    '<form method="post" action="/Search/?cmd=sendSuburb">'+
    '<div style="padding: 0px; width: 208px; display: block;" class="form_container">'+
    '<div style="border: medium none ;" class="form_right_2">'+
    '<input type="text" onblur="if (!this.value) this.value =\'your e-mail\';" onclick="if (this.value) this.value=\'\';" '+ 
    'value="your e-mail" style="width: 195px;" id="yourEmail" class="form_text_field" name="yourEmail"/>'+
    '</div>'+
    '</div>'+
    '<div style="padding: 0px; width: 208px; display: block;" class="form_container">'+
    '<div style="border-top: 0px none;" class="form_right_2">'+
    '<input type="text" onblur="if (!this.value) this.value =\'requested suburb\';" onclick="if (this.value) this.value=\'\';" '+ 
    'value="requested suburb" style="width: 195px;" id="yourSuburb" class="form_text_field" name="yourSuburb"/>'+
    '</div>'+
    '</div>'+
    '<br/>'+
    '<div style="float: right; clear: left;">'+
    '<small style="padding-right:5px;">* send your request</small>'+
    '<input type="submit" class="button2" value="Send"/>'+
    '</div>'+
    '</form>'+
    '</div>';

	jQuery('html').append('<div class="highslide-html-content" id="extraSuburbPopupContainer" style="width: 350px; display: none; background-color: #fff">'+
			'<div class="highslide-header">'+
			'<ul style="list-style: none; padding: 0; margin: 0; text-align: right">'+
			'<li class="highslide-close"><a title="close" href="#" onclick="return closePopup(this)" id="closeMsgClosed"><img src="/img/layout/button_x.jpg" border="0" /></a></li>'+
			'</ul></div>'+
			'<div class="highslide-body" style="background-color: fff; margin: 0 20px 0 20px; padding-bottom: 20px">'+
			htmlExtraSuburbPopup + '</div></div>'
	);

    
    jQuery('#cvv_help').bind('click', function(event)
    {

    	return hs.htmlExpand(this, {contentId: 'msgClosed', dimmingOpacity: 0.75});

    });

});