/**
 * Prestashop homepage product image magnified
 * @name homeImage.js
 * @author Marghoob Suleman - http://marghoobsuleman.com
 * @version 0.1
 * @date January 06, 2009 * @end date January 06, 2009
 * @category Prestashop homepage plugin
 * @copyright (c) 2009 Marghoob Suleman (giftlelo.com)
 */
 
//To do after loading HTML
$(document).ready(function(){
	//alert(1);
	HomePageImage.init();
});

HomePageImage = {
	settings: {
		allImageHolder:'featured-products_block_center',
		containerWidth:300,
		containerHeight:300,
		bgColor:'#f2f2f2',
		border: true,
		borderColor:'#c3c3c3',
		containerBorderSize:2,
		padding:10,
		divOpacity: 1,
		imageArray:[]
	},
	imgHolderDiv:"<div id='homepageImageHolder' class='border' style='position:absolute; display:none'></div>",
	init: function() {
		$('body').append(this.imgHolderDiv);
		this._initialize();
	},
	_initialize: function() {
		//set div style
		$('#homepageImageHolder').css({'width' : this.settings.containerWidth+'px', 'height' : this.settings.containerHeight+'px', 'background-color':this.settings.bgColor, 'padding' : this.settings.padding+'px'});
		if(this.settings.border==true) {
			$('#homepageImageHolder').css({'border' : this.settings.containerBorderSize+'px solid '+this.settings.borderColor, opacity:this.settings.divOpacity});
		}
		//store in array and assign rollover and out
		var allA = $("a[rel='homeImage']");
		for(a=0;a<allA.length;a++) {
			var currentA = allA[a];
			var id = $(currentA).attr("id");
			var path = $(currentA).attr("rev");
			HomePageImage.settings.imageArray[id] = path;
			
			//set method
			$("#"+id).bind('mouseenter',function() {
							//$('#homepageImageMain').attr("src", HomePageImage.settings.imageArray[this.id]);
							var imgHTML = "<img id='homepageImageMain' src='"+HomePageImage.settings.imageArray[this.id]+"' border='0' class='border' />";
							$("#homepageImageHolder").html(imgHTML);
							var xy = $(this).offset();
							var height = 0;//$(this).height();
							var width = $(this).width();
							$("#homepageImageHolder").css({'position':'absolute', 'left':(xy.left+width)+'px', 'top':(xy.top+height)+'px'})
							$("#homepageImageHolder").show("fast");
						});
			$("#"+id).bind('mouseleave',function() {
							$("#homepageImageHolder").html("");
							$("#homepageImageHolder").hide("fast");
						});
			
		}
		$('#homepageImageMain').attr("src", HomePageImage.settings.imageArray['homeImg0']);
		//console.debug("HomePageImage.settings.imageArray " + HomePageImage.settings.imageArray['homeImg0']);		
		//ready to use
	}
	
}